Question

我有一个ul导航。我需要在单击“Resources”li时显示div内容，并激活“Resources”。然后，当单击div内容关闭时，隐藏div内容并使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元素中添加/删除类。在jQuery对象上调用.parent()获取父元素。

更新

根据您的

标记

$('#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');
});

jQuery make li active show div content

1 个答案: