使用 jquery 显示和隐藏内容？答案

【问题标题】：using jquery show and hide content?使用 jquery 显示和隐藏内容？
【发布时间】：2013-09-20 22:31:08
【问题描述】：

html

<ul class="services_menu">
    <li>
        <div class="servic">
            <a class="servic_icon" onclick="dispServices(this)"><i class="ux1"></i><span class="tx">UX</span></a>
            <ul class="toggleSubService">
                <li>Wireframing</li>
                <li>Content Strategy</li>
                <li>Information Architecture</li>
            </ul>
        </div>
    </li>
    <li>
        <div class="servic">
            <a class="servic_icon" onclick="dispServices(this)"><i class="ux2"></i><span class="tx">DESIGN</span></a>
            <ul class="toggleSubService">
                <li>Branding</li>
                <li>Web Design</li>
                <li>Web Design</li>
                <li>Web Design</li>
            </ul>
        </div>
    </li>
</ul>

css

.toggleSubService{ display:none; }

js

function dispServices(e) {
    e = $(e);
    e.parent().find('ul.toggleSubService').fadeToggle(300);
}

问题：

单击具有 .servic_icon 类的标记我想显示和隐藏 ul.toggleSubService，如果单击正文或 ul.toggleSubService 外部，则 ul.toggleSubService 需要隐藏。我不知道如何触发我的点击事件。

如果我点击 a.servic_icon 并再次点击另一个 a.servic_icon 前一个不会隐藏。

【问题讨论】：

你能为此提供小提琴吗？

标签： javascript jquery html

【解决方案1】：

使用这个 jQuery

$('.servic_icon').click(function(){
    $(this).closest('div.servic').find('ul').toggle();
});

和小提琴demo

【讨论】：

【解决方案2】：

function validateSubmit2(id){ if(id){ $("#"+id).hide(
      }

【讨论】：