0

我有一个 jQuery，它在点击时切换一个 div。

$(document).ready(function() {
$('#showmenu').click(function() {
    $('#showmenu').text($('.sidebarmenu').is(':visible') ? 'Show Menu' : 'Hide Menu');
    $('.sidebarmenu').toggle("slide");
}); 
});

小提琴

我怎么能不使用

display:none;

??

4

6 回答 6

1

查看基于偏移的解决方案

<button id="showmenu" type="button">Show menu</button></div>
<div class="sidebarmenu" style="position: absolute; left: -200000px">

    Can the button value change to "show" or "hide"
</div>

然后

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

演示：小提琴

于 2013-09-03T05:18:03.510 回答
0

您可以使用visibility:hidden;相同的 css 属性。

还有另一种opacity选择opacity:0

于 2013-09-03T05:07:12.990 回答
0

不确定我是否有你的问题.. 但我想你可以使用hide()。

 $('.sidebarmenu').hide();

在您的 document.ready$(document).ready(function() {函数中

在这里摆弄

于 2013-09-03T05:07:34.537 回答
0

您也可以使用.show()和.hide()

($('#showmenu').is(':visible')) ? $('.sidebarmenu').show() 
                                : $('.sidebarmenu').hide();

在页面加载时隐藏 div

$('.sidebarmenu').hide();

见小提琴

于 2013-09-03T05:08:01.397 回答
0

要隐藏 div 你可以使用Visible="false"并显示使用Visible="true"

于 2013-09-03T05:08:48.743 回答
0 
$(document).ready(function() {
$('#showmenu').click(function() {
    $('#showmenu').text($('.sidebarmenu').is(':visible') ? 'Show Menu' : 'Hide Menu');
    $('.sidebarmenu').toggle("show");
}); 
});
于 2013-09-03T05:19:29.990 回答