Как показать определенный блок по клику на nice-select?

Question

[Lolka21]

Всем доброго времени суток!
нужна ваша помощь... использую jQuery nice-select, нужно что бы по клику отображался нужный блок, по логики как табы...

вот как nice-select выгляди в браузере

<ul class="list">
  <li data-value="red" class="option">red</li>
  <li data-value="yellow" class="option">yellow</li>
  <li data-value="blue" class="option selected focus">blue</li>
</ul>

ниже есть блоки, например

<div class="box">
  <div id="red" class="colors"> red... </div>
  <div id="yellow" class="colors" style="display:none"> yellow.. </div>
  <div id="blue" class="colors" style="display:none"> blue.. </div>
</div>

нашла пример как можно с селектом это сделать, но мне нужно из списка

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