Можно ли переписать этот скрипт более компактно, универсально?

jQuery(function($) { 
  $(".button").click(function() { 
    // Убираем класс со всех 
    $(".imgEx").removeClass("active") 
      // Выставляем нужному 
      .filter(".imgEx" + $(this).data("idx")).addClass("active"); 
  }); 
});

.active { 
  color: blue; 
} 
 
span { 
  border: 1px solid black; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<p class="imgEx imgEx1 active">Лак</p> 
<p class="imgEx imgEx2">Ваниль</p> 
<p class="imgEx imgEx3">Мёд</p> 
<p> 
  <span class="button" data-idx="1">Лак</span> 
  <span class="button" data-idx="2">Ваниль</span> 
  <span class="button" data-idx="3">Мёд</span> 
</p>

$('.button').click(function() { 
  $('.img').eq($(this).index('.button')).addClass('active') 
    .siblings('.img').removeClass('active') 
})

.active { 
  color: blue; 
} 
 
span { 
  border: 1px solid black; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="imgs"> 
  <p class="img imgEx1 active">Лак</p> 
  <p class="img imgEx2">Ваниль</p> 
  <p class="img imgEx3">Мёд</p> 
</div> 
<div class="buttons"> 
  <span class="button button1">Лак</span> 
  <span class="button button2">Ваниль</span> 
  <span class="button button3">Мёд</span> 
</div>