Question

现在我使用show / hide with slideToggle和CSS display：none

下面的当前代码：

<script>
     $(document).ready(function() {
    $('#showmenu').click(function() {
            $('.menu').slideToggle("fast");
    });
});
</script>

和HTML

<div id="showmenu">Show</div>  
<br/>
<div class="menu2" style="display: none;">    
hidden text here
</div>

但是我需要在没有CSS的情况下使用它（我不能使用＆＃34; display：none＆＃34;）

尝试使用谷歌:)，阅读文档，但仍然没有找到任何方法，没有CSS。希望对你有所帮助！

Answer 1

也许尝试将其定位在屏幕边界之外？（例如，position：absolute; and left：-10000px;）。然后在需要时把它带回来......

Answer 2

您是否尝试将不透明度更改为0.然后将指针事件设置为无以使其无法点击。

$('#showmenu').click(function() {
        $( ".menu" ).fadeTo( "fast" , 0.0, function() {
             $( ".menu" ).css( 'pointer-events', 'none' );
        });
});

Answer 3

你不能使用

<script>
     $(document).ready(function() {
    $('#showmenu').click(function() {
            $('.menu').slideToggle("fast");
    });
$('.menu').hide();
});
</script>

如果没有，你可以使用hide（）show（）试试

    <script>
        var menu = $('.menu');
         $(document).ready(function() {
        $('#showmenu').click(function() {
                if($('.menu').length ==0)
                        $('div#div_menu').append($(menu));
                else
                        $('.menu').remove();
        });
    });
    </script>

Show（）没有CSS的Hide（）元素

3 个答案: