Question

我有一个正常工作的切换。 h4和侧边栏链接，使用锚点，切换div，使用：

$(".trigger_papers").click(function(){
    $('h4.trigger_papers').toggleClass("active");
    $('#papers').toggleClass("active").slideToggle("slow");
    //return false; //Prevent the browser jump to the link anchor
})

但是，当div已经打开，并且单击了侧边栏链接时，页面会滚动到切换的div并关闭它。因为它的切换。我想，如果单击侧边栏链接，要检查切换类，如果它已经处于活动状态，请不要切换。我试过这个：

$(".trigger_papers").click(function(){
    $('h4.trigger_papers').toggleClass("active");
    if($('h4.trigger_papers').hasClass('active'){
        $('#papers');
    }else{
        $('#papers').toggleClass("active").slideToggle("slow");
        }
    //return false; //Prevent the browser jump to the link anchor
})

它只是让所有的div切换到活动状态。我究竟做错了什么？我仍然希望h4能够切换，无论是什么类。

这是我用于切换div的HTML：

<h4 class="trigger_papers dark_grey">
<a href="#">Papers and Publications</a></h4>
<div class="toggle_container3" id="papers"> 
--- content ---
</div>

以下是侧栏链接的HTML：

  <li><a href="#papers" class="trigger_papers" title="">Papers and Publications</a></li>

检查切换类是否处于活动状态，然后切换

0 个答案: