Jquery 隐藏/显示到div'；同时

我有

显示/隐藏div

---

单击后，“.sidebarmenu”被切换。我希望“.image”与div一起切换。如何切换？

要针对多个元素，请用逗号分隔每个元素

，

e、 g:

$（'.sidebarmenu.image'）

使用jquery简化代码

---

和图像到您的选择器

 $('#showmenu').click(function() {
    var hidden = $('.sidebarmenu').data('hidden');
    $('#showmenu').text(hidden ? 'Show Menu' : 'Hide Menu');
    if(hidden){
        $('.sidebarmenu,.image').css({
                     //-^^^^^^---here
            position: 'absolute',
            left: -200000
        })
    } else {
        $('.sidebarmenu,.image').css({
                      //-^^^^^^---here
            position: '',
            left: 0
        })
    }
    $('.sidebarmenu').data("hidden", !hidden);

});

建议您也看看

toggle（）

函数

---

您必须向选择器添加

，.image

。您的选择器应该如下所示

$('.sidebarmenu, .image').css({

---

您已经把这件事复杂化了。这就是你想要的：

 $('#showmenu').click(function() {
     $('.sidebarmenu, .image').toggle();
 });

---

这是一个非常糟糕的切换方式！使用

toggle

或

fadeIn

/

fadeOut

或simple

show

/

hide

您应该在这里包含所有源代码，即使您将其放在Fiddle/jsBin/PasteBin等文件中。例如，我们的公司代理会阻止jsiddle，因此我无法帮助您。

 $('#showmenu').click(function() {
    var hidden = $('.sidebarmenu').data('hidden');
    $('#showmenu').text(hidden ? 'Show Menu' : 'Hide Menu');
    if(hidden){
        $('.sidebarmenu,.image').css({
                     //-^^^^^^---here
            position: 'absolute',
            left: -200000
        })
    } else {
        $('.sidebarmenu,.image').css({
                      //-^^^^^^---here
            position: '',
            left: 0
        })
    }
    $('.sidebarmenu').data("hidden", !hidden);

});

$('.sidebarmenu, .image').css({

 $('#showmenu').click(function() {
        var hidden = $('.sidebarmenu').data('hidden');
        $('#showmenu').text(hidden ? 'Show Menu' : 'Hide Menu');
        if(hidden){
            $('.sidebarmenu, .image').css({
                position: 'absolute',
                left: -200000
            })
        } else {
            $('.sidebarmenu, .image').css({
                position: '',
                left: 0
            })
        }
        $('.sidebarmenu, .image').data("hidden", !hidden);

    });

 $('#showmenu').click(function() {
     $('.sidebarmenu, .image').toggle();
 });

 $('#showmenu').click(function() {
    $('.sidebarmenu').toggle();
    $('.image').toggle();
 });