jquery - 同时隐藏/显示给 div

Question

我有this FIDDLE

    <div class="sidebarmenu" style="position: absolute; left: -200000px">
         Show/hide div
    </div>
    <div class="image" style="position: absolute; left: -200000px">
        <img src="http://diymusician.cdbaby.com/wp-content/uploads/2012/07/Builder-of-the-House.jpg">
    </div>

点击时，“.sidebarmenu”被切换。我希望“.image”与 div 一起切换。我该怎么做？

Answer 1

要定位多个元素，用逗号分隔每个元素 ,

例如:$('.sidebarmenu, .image')

 $('#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);

    });

DEMO

使用 jquery 简化您的代码 toggle()

$('.sidebarmenu, .image').toggle();