jquery отображение элементов списка

не могу разобраться в всавшей передо мной проблемой.
Неоходимо при клике на элементы первого списка отображать элементы второго списка с таким же классом.

<ul id="first">
<li class="g1 active">1</li>
<li class="g2">2</li>
<li class="g3">3</li>
...
<li class="gn">4</li>
</ul>
<ul id="second">
<li class="g1">a</li>
<li class="g2" style="display:none">b</li>
<li class="g3" style="display:none">c</li>
...
<li class="gn" style="display:none">d</li>
</ul>
<script>

$(document).ready(function() {

$("#first li").click(function() {
$("#first li").removeClass("active");

var ggg=$(this).attr('class');

console.log(ggg);

$(this).parent().next().children().hide();
$(this).parent().next().children().hasClass($(ggg)).show();
});

});
</script>


$(this).parent().next().children().hasClass($(ggg)).show(); - проблема в этой строчке...

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.