Question

我有与此问题完全相同的问题： How to toggle (hide / show) sidebar div using jQuery

不幸的是，这不再适用于jQuery 1.9.1。如何使用最新版本的jQuery获得相同的结果？

Answer 1

试试这个

$('button').click(function(){
     $('#My_div_id').toggle();
});

Answer 2

虽然jQuery toggle()，slideToggle()和fadeToggle()是这项工作最常用的工具，但使用toggleClass()可以增加灵活性，因为您可以设置样式/动画在CSS中并将其与JS代码分开。例如

.item {
    width: 100px;
    height: 100px;
    background: red;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.item.hidden {
    width: 0;
}

然后：

$('.item').toggleClass('hidden');

DEMO

Answer 3

为该元素创建id选择器，而不是为处理“处理器”的元素的id。

例如：

$('#id1').click(function(){
$('#id2').slideToggle(x);
});

其中，x是一秒的数字（1000）。它也可以是单词，慢，快。

Answer 4

尝试：

(function() {
    var state = 0;
    var toggle = function() {
        if (state === 0) {
            $('#B').css('left', '0');
            state = 1;
        } else {
            $('#B').css('left', '200px');
            state = 0;
        }
    }

    $('button').click(toggle);
}());

如何使用jQuery切换侧边栏div

4 个答案: