jquery从隐藏开始

jquery start from hidden

本文关键字：开始 隐藏 jquery      更新时间：2023-09-26

我的输入按钮有这个脚本：

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
         jQuery('.menu-content').toggle('show');
    });
});
});//]]>
</script>

我需要从隐藏开始。我该怎么做？求求你，帮帮我。

默认情况下使用 CSS 规则隐藏按钮：

.menu-content {
    display: none;
}

如果你想从一开始就隐藏元素，你可以使用一些像这样的 CSS：

<div style="display: none;">...</div>

这将隐藏div，没有任何闪烁。一旦你使用 jQuery 调用.show()，div 就会显示出来。

我的朋友是这样解决我的问题的：

<div class="dupa" style="display: none"></div>
<script type="text/javascript">
    $(document).ready(function() {
        $('button').click(function(){
            $('.dupa').show();
        });
    });
</script>

JQuery：

jQuery('#hideshow').click(function(event) {        
     jQuery('.menu-content').toggle();
});`

.HTML：

<div style="display:none" class="menu-content">
hi
</div>
<input id="hideshow" type="button" value="show/hide">

小提琴：http://jsfiddle.net/42rwkhL0/

您需要在菜单内容项的样式中将显示属性设置为"无"

正如

我之前的一些人所指出的那样 - 从隐藏图层开始。 然后在单击按钮后显示它。我重新编写了代码：

   $('#hideshow').bind('touchstart click', function () {
       $('.menu-content').fadeIn(1000).css('display', 'inline');
   });

http://jsfiddle.net/wktzv6hL/

相关文章：