2

我希望能够从 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");
  });

我希望它在多次单击时也能切换类。

4

2 回答 2

5

尝试$(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');
});
于 2012-10-12T17:13:52.227 回答
0

Try this

 $(".hiddennav").toggleClass("displaynone displayblock");
于 2012-10-12T17:14:27.993 回答