点击按钮删除/添加课程

Question

我希望能够从一个div中删除一个类，并在点击一个按钮时添加另一个类。但我无法让它工作。

<div class="hiddennav displaynone"> 
    <ul> 
    <?php wp_nav_menu(array('menu' => 'Main Nav menu')); ?> 
    </ul> 
</div> <!-- end div hiddennav --> 
<div class="fixednav"> 
    <div class="shownav"><a href="#" class="shownavbutton"></a></div> 
    <!-- end div shownav --> 
</div> <!-- end div fixednav --> 

这里是jQuery的：

$(document).ready(function(){ 
    $(".shownavbutton").click(function() { 
    $(".hiddennav").removeClass("displaynone").addClass("displayblock"); 
    }); 

我最好要多次点击，当它太切换类。

Answer 1

尝试$(selector).toggleClass(class)：

$(document).ready(function(){ 
    $(".shownavbutton").click(function() { 
     $(".hiddennav").toggleClass("displaynone").toggleClass("displayblock"); 
    }); 
}); 

或者，您可以使用CSS方法，以及（假设这是所有你正在努力完成通过您displaynone和displayblock类）：

$(".hiddennav").toggle(function() { 
    $(this).css('display','none'); 
}, function() { 
    $(this).css('display','block'); 
}); 

Answer 2

尝试这

$(".hiddennav").toggleClass("displaynone displayblock");