我想为一些带有ID的特定块创建手风琴。
1 当我点击一些 li> href=#ID2div#内容中具有指定 ID 的所有子项都已关闭3 显示 div#contentdiv#ID
内容:
<div id='body'>
<div id='content'>
<div id='home'>
some for home blocks
content
</div>
<div id='news'>
some for news blocks
content
</div>
<div id='sub_news'>
some for sub news blocks
content that will always displayed
</div>
<div id='work'>
some for work blocks
content
</div>
<div id='contacts'>
some for contacts blocks
content
</div>
<div id='contacts2'>
some for contacts2 blocks
content that will display too
</div>
</div>
</div>
导航:
<ul id='navigation_1'>
<li id='li_1_home' class='nav_current_li_1 first'><a class='replace' href='#home' id='navigation_1_news' title='link to gome'>go home<span></span></a>
</li>
<li id='li_1_news'><a class='replace' href='#news' id='navigation_1_news' title='news'>news<span></span></a>
</li>
<li id='li_1_work'><a class='replace' href='#work' id='navigation_1_raboty' title='some work'>some work<span></span></a>
</li>
<li id='li_1_some'><a class='replace' href='http://google.com' id='navigation_1_link' title='some link'>some link<span></span></a>
</li>
<li class='last' id='li_1_contact'><a class='replace' href='#contacts' id='navigation_1_contact' title='some contacts'>Contacts<span></span></a>
</li>
</ul>
我不需要为每个 href 和div 提供一个函数而且我只需要特定的ID,而不是#navigation_1> li a中的每个链接!
我认为 MB 需要一些带有div#id 的数据库,该数据库将被切换为
临时工作,来自 jQuery .not(),使用 id 进行多次排除
$('#navigation_1 li a').click(function(e) {
//e.preventDefault(); //for move to anchors
$( $(this).attr('href') ).slideToggle('slow'); //Expand or collapse this blocks
$("#content > div").not( $(this).attr('href')', #sub_news, #contacts, #contacts2').slideUp('fast'); //Hide the other blocks
})