jquery - jQuery的修改，所以它切换

我具有这些功能，可以在隐藏的div中显示和隐藏内容。如何做到这一点，所以我只需要使用一个可以打开和关闭的按钮？

<script type="text/javascript" src="js/jquery.js"></script>
    <script>
    jQuery(document).ready(function() {
        $('.pagesplit').click(function() {
            $('.page-split-wrap').css({'display': 'block'})
            $('.page-split-wrap').animate({height: '250px'}, 500);
        });

        $('.pagemerge').click(function() {
            $('.page-split-wrap').animate({height: '0px'}, 500, function() {
                $('.page-split-wrap').css({'display': 'none'});
            });
        });
    });
    </script>

最佳答案

如果您不想使用已弃用的.toggle()，则可以让点击处理程序替代其使用的功能，如下所示：

jQuery(document).ready(function() {
    var showContent = function() {
        $('.page-split-wrap').css({'display': 'block'})
        $('.page-split-wrap').animate({height: '250px'}, 500);
        // Switch handlers
        $('.pagesplit').unbind('click');
        $('.pagesplit').click(hideContent);
    };

    var hideContent = function() {
        $('.page-split-wrap').animate({height: '0px'}, 500, function() {
            $('.page-split-wrap').css({'display': 'none'});
        });
        // Switch handlers
        $('.pagesplit').unbind('click');
        $('.pagesplit').click(showContent);
    };

    $('.pagesplit').click(showContent);
});

关于jquery - jQuery的修改，所以它切换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14382994/