-3

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);
}

問題：

ul.toggleSubService を表示および非表示にしたい .service_icon クラスを持つタグを onclick し、本体または ul.toggleSubService の外側をクリックすると、ul.toggleSubService を非表示にする必要があります。クリック イベントをトリガーする方法がわかりません。

a.service_icon をクリックし、別の a.service_icon をクリックすると、前のアイコンは非表示になりません。

4

2 に答える 2

0

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

      }
于 2013-09-20T14:31:08.297 に答える