Как сделать чтобы открывалось внутри выбранного селектора?

Question

[partyzanx]

https://jsfiddle.net/xreider/nt5mLa4o/51/

При выборе "Дерево" открывается везде дополнительное поле, а надо чтобы было в текущем <p>

Сам код, ответственный за это, вот

$(function() {
  $('p select').change(function(){
    $('.colors').hide();
    $('.' + $(this).val()).show();
  });
});

Answer 1

[0xD34F]

$('p select').change(function() {
  $(this)
    .parent()
    .find('.colors').hide()
    .end()
    .find(`.${this.value}`).show();
});