jQuery中的多功能按鈕

-1

$("#button1").click(function() { 
      var visible = $(".sidebarcontent1").is(":visible"); 
      $(".sidebarcontent1").show(); visible ? "hide" : "show"; 
      $(".sidebarcontent").show(); 
      $(".sidebarcontent2").hide(); 
      $(".sidebarcontent3").hide(); 
      $(".sidebarcontent4").hide(); 
     });

我想擁有它，所以我點擊按鈕時，它會顯示，它會隱藏。反之亦然，但這不起作用。jQuery中的多功能按鈕

來源

2014-02-17 user3319187

@OP：可否請您更具體，以你想要什麼？ –

我想要第一次點擊讓sidebarcontent1顯示，如果我再次點擊同一個按鈕，它必須隱藏它們。 – user3319187

使用.toggle()

$("#button1").click(function() { 
    $(".sidebarcontent1").toggle(); 
    $(".sidebarcontent").show(); 
    $(".sidebarcontent2").hide(); 
    $(".sidebarcontent3").hide(); 
    $(".sidebarcontent4").hide(); 
});

來源

2014-02-17 12:51:54

我發現答案謝謝你！使用切換功能起作用！歡呼 – user3319187

我的理解是：

$("#button1").click(function() { 
    var visible = $(".sidebarcontent1").is(":visible"); 
    $(".sidebarcontent1, .sidebarcontent").toggle(visible); 
    $(".sidebarcontent2, .sidebarcontent3, .sidebarcontent4").toggle(!visible); 
});

來源

2014-02-17 12:56:18

它只顯示菜單，並不隱藏它們 – user3319187

現在提供一個jsFiddle如果你想要更多的幫助。我不知道你在說什麼菜單... –

http://jsfiddle.net/xV3WY/這是我的jsfiddle – user3319187

jQuery中的多功能按鈕

回答

相關問題