English 中文(简体)
使用 j的习俗协定
原标题:Custom Accordion using jQuery

我试图用 j子制造一种习俗礼让,已经读过几个关于 st流的解决办法,但我似乎无法去做工作,我认为必须处理兄弟姐妹。 无论如何,这是我的《html法典》:

<div class="menu">
    <ul>
        <li class="current">
            <a href="#" class="current"><img class="icon" src=""/>Dashboard</a>
        </li>
        <li>
            <a href="#"><img class="icon" src=""/>Mail</a>
            <ul class="submenu">
                <li>
                    <a href="#" title="">Write New</a>
                </li>
                <li>
                    <a href="#" title="">Junk</a>
                </li>
                <li>
                    <a href="#" title="">Deleted</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#"><img class="icon" src=""assets/colors.png""/>Child</a>
            <ul class="submenu">
                <li>
                    <a href="#">Child 1</a>
                </li>
                <li>
                    <a href="#">Child 2</a>
                </li>
                <li>
                    <a href="#">Child 3</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#"><img class="icon" src=""/>Grid</a>
        </li>
        <li>
            <a href="#"><img class="icon" src=""/>Class</a>
        </li>
    </ul>
</div>

And here is my jQuery code:

$( .menu ul li a ).click(function() {

    $(this).next( .submenu ).siblings( li ).slideUp();
    $(this).next( .submenu ).slideToggle();

});

The menu toggles open fine, but when I open one, the others won t close.

感谢你们的帮助!

最佳回答

之所以成功,是因为兄弟姐妹将处于同样水平。 在<代码>内 参考文件中包含更多内容的<代码>LI。 页: 1 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点;出生日期和地点:出生日期和地点;出生日期和地点; 出生日期和地点: 出生日期和地点; 出生日期和地点: 出生日期和地点; 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点; 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期和地点: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期: 出生日期

为此:

$(this).parent().siblings( li ).find( .submenu ).slideUp();
问题回答

你试图结束你现在开始的开端。

(职能)

$( .current ).removeClass( current ).next( .submenu ).siblings( li ).slideUp();
$(this).addClass( current ).next( .submenu ).slideToggle();

iii

The whole code will be

$(this).parent().siblings( li ).find( .submenu ).slideUp();
$(this).next( .submenu ).slideDown();

赤 to的 Just变 最后一行......。

我有一点疑问,用用户选择器可点击每一根基......我们只能将其放在第一层可点击。





相关问题
selected text in iframe

How to get a selected text inside a iframe. I my page i m having a iframe which is editable true. So how can i get the selected text in that iframe.

How to fire event handlers on the link using javascript

I would like to click a link in my page using javascript. I would like to Fire event handlers on the link without navigating. How can this be done? This has to work both in firefox and Internet ...

How to Add script codes before the </body> tag ASP.NET

Heres the problem, In Masterpage, the google analytics code were pasted before the end of body tag. In ASPX page, I need to generate a script (google addItem tracker) using codebehind ClientScript ...

Clipboard access using Javascript - sans Flash?

Is there a reliable way to access the client machine s clipboard using Javascript? I continue to run into permissions issues when attempting to do this. How does Google Docs do this? Do they use ...

javascript debugging question

I have a large javascript which I didn t write but I need to use it and I m slowely going trough it trying to figure out what does it do and how, I m using alert to print out what it does but now I ...

Parsing date like twitter

I ve made a little forum and I want parse the date on newest posts like twitter, you know "posted 40 minutes ago ","posted 1 hour ago"... What s the best way ? Thanx.

热门标签