JQuery：在可見狀態下使用手風琴面板切換不在手風琴內的另一個元素，通過顯示和隱藏

Question

我有一個手風琴，面板上有自己的div ul li。有一個第二個div在頁面上有一個按鈕元素。每當任何手風琴面板可見或打開時，我需要隱藏該按鈕;並且每當面板關閉時，按鈕會再次顯示。到目前爲止，手風琴作品通過隱藏按鈕來查找，但在關閉面板後該按鈕不會重新出現。

我在這個問題上尋求一點幫助，因爲我不是JQuery領域的專家。這裏是我的代碼：

 (function($) { 

      $(document).ready(function() { 
       $(".accordion").click(function() { 
        // this is the accordion when a panel is open 
        if ($('ul.accordion> li> .content').siblings('div:visible')) { 
         // this is a button outside the accordion on the same page 
         $("#bttnReturn").hide(); 
        } else { 
         $("#bttnReturn").show(); 
        } 
       }); 
      }); 

     }) (jQuery); 

Solution: 

     (function($) { 
      $(document).ready(function() { 
       $(".accordion").on("click", function(event) { 
        $("#bttnReturn").slideToggle("fast"); 
       }); 
      }); 
     }) (jQuery); 

Answer 1

你應該理想地使用手風琴的「active」屬性。

這裏是一個link to the API.

下面的代碼可能的工作：

（函數（$）{

 $(document).ready(function() { 
      $(".accordion").click(function() { 
       if($(".selector").accordion("option", "active")) { 
        $("bttnReturn").hide(); 
       } else { 
        $("bttnReturn").show(); 
       } 
      }); 
     }); 

    }) (jQuery);