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

理想情况下，您应该使用手风琴的“活动”属性。

这是link to the API.

以下代码可能有效：

(函数($){

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

    }) ( jQuery );