Question

我有一个简单的脚本，我一直在来回寻找一个很好的解决方案。我希望在点击“显示”时显示它。当我点击“隐藏”时隐藏它。问题是当你点击它时整个div都隐藏起来，这是行不通的。我想要它，所以只有按钮隐藏了隐藏的div。

$(document).ready(function () {
                var content = $('.below').hide();
                $('.toggleBtn').on('click', function () {
                    $(this).next('.below').slideToggle();
                    return false;
                });
                $('.below').on('click', function () {
                    $(this).slideToggle();
                });
            });

Answer 1

尝试

$(document).ready(function () {
    var content = $('.below').hide();
    $('.toggleBtn').on('click', function () {
        $(this).next('.below').slideToggle();
        return false;
    });
    //register the handler to button element inside .below
    $('.below button').on('click', function () {
        //find the ancestor .below element of the clicked button
        $(this).closest('.below').slideToggle();
    });
});

演示：Fiddle

Answer 2

请检查：http://jsfiddle.net/QKJA7/1/

        $(document).ready(function () {
            var content = $('.below').hide();
            $('.toggleBtn').on('click', function () {
                $(this).next('.below').slideToggle();
                return false;
            });
            $('.below button').on('click', function () {
                $(this).parent().slideToggle();
            });
        });

有特定按钮隐藏div

2 个答案: