jQuery сделать li активным показать содержимое Div

Question

У меня есть ul nav.Мне нужно показывать содержимое div при нажатии кнопки «Ресурсы» и активировать «Ресурсы».Затем, когда щелкают содержимое div, закрывают содержимое div и делают li не активным.Я не уверен, как это сделать, чтобы помочь любому пониманию.

Щелкните по этому элементу li, сделайте активным:

<li><a href="">Resources</a></li>

Показать это содержимое div

<div id="pdftab">Some content</div>

Большое спасибо

Answer 1

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

$('li a').click(function(){
   $('#pdftab').show();
   $(this).parent().addClass('active');
   return false;
});

$('#pdftab').click(function(){
   $(this).hide();
   $('li').removeClass('active');
});

Определение активных стилей классов

.active{
   //add required styles
}

Вы можете использовать addClass / removeClass для добавления / удаления классов из элементов dom.Вызов .parent() для объекта jQuery возвращает родительский элемент.

Обновление:

На основе вашей разметки от

$('#navlist li:eq(1) a').click(function(){
   $('#pdftab').show()
               .animate({left: '+=340px'}, 1200);
   $(this).parent().addClass('resourceactive');
   return false;
});

$('#pdftab').click(function(){
   $(this).hide();
   $('#navlist li:eq(1)').removeClass('resourceactive');
});