javascript - 使用 jQuery .click 关闭 slider

Question

我现在有了它，当您单击 + 号时，会出现一个包含信息的 slider 。我不知道如何使其到达用户单击 - 符号时 slider 会返回的位置。 JSFiddle

这是我正在使用的 JavaScript。

<script type="text/javascript">
    $(document).ready(function () {

        //Set default open/close settings
        $('.acc_container').hide(); //Hide/close all containers

        //On Click
        $('.acc_trigger').click(function () {
            if ($(this).next().is(':hidden')) { //If immediate next container is closed...
                $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
                $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
            }
            return false; //Prevent the browser jump to the link anchor
        });

    });
</script>

这是 html

 <h2 class="acc_trigger"><a href="#">Overview</a></h2>
 <div class="acc_container">
    <div class="block"">
        <span id="Content_lblOverview">TEXT HERE
        </span>
    </div>
 </div>

Answer 1

用slideToggle替换slideUp/down

这里:http://jsfiddle.net/8nLvh1ez/

    //Set default open/close settings
    $('.acc_container').hide(); //Hide/close all containers

    //On Click
    $('.acc_trigger').click(function () {
        if ($(this).next().is(':hidden')) { //If immediate next container is closed...
            $('.acc_trigger').removeClass('active').next().slideToggle(); //Remove all .acc_trigger classes and slide up the immediate next container
            $(this).toggleClass('active').next().slideToggle(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
        }
        return false; //Prevent the browser jump to the link anchor
    });