點擊按鈕刪除/添加課程

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");