不使用CSS显示/隐藏 [英] Show/hide without using CSS

问题描述

我有以下示例。我想通过改变CSS的属性来实现。我如何做呢？

I have the following sample. I want to achieve by changing the CSS properties. How can I do it?

    <div id="btn-toggle-menu">Menu</div>
       <div id="menu-wrapper">
         <ul>
           <li>link item</li>
           <li>link item</li>
           <li>link item</li>
           <li>link item</li>
           <li>link item</li>
           <li>link item</li>
         </ul>
       </div>

jQuery：

    $('#menu-wrapper').hide();

    $('#btn-toggle-menu').on('click', function(e) {
    var menu = $('#menu-wrapper');
      if(menu.is(':hidden')) {
        menu.show();
      } else {
        menu.hide();
      }
  });

FIDDLE

推荐答案

Jquery的隐藏 & 显示的行为类似于CSS的 display：none & display：[元素的默认显示值]

Jquery's Hide & Show behave like CSS's display:none & display: [the default display value of the element]

工作小提琴 （我会使用此）

这篇关于不使用CSS显示/隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！