为特定 ID 制作手风琴



我想为一些带有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
})  

最新更新