幻灯片切换与多个div

我想切换多个divs，特别是spGroupSubView（＃）点击链接到图像与id spForumToggleIcon（＃）后。这是可能做到的功能？幻灯片切换与多个div

<div class='spListSection'> 
    <div class='spGroupViewSection'> 
     <a id='spForumToggleIcon1' class='spToggleButton spRight' title='Click to expand forum group' rel='nofollow' href='#'><img src='images/sp_TogglePlus.png' alt=''/></a> 
     <img id='spGroupHeaderIcon1' class='spHeaderIcon spLeft' src='' alt='' /> 
     <div id='spGroupHeaderName1' class='spHeaderName'>Group 1</div> 
     <div style='clear: both;'></div> 
     <div id='spGroupSubView1' class='spSubGroupView'> 
      <div class='spGroupForumSection spOdd spUnreadPosts' id='topic1'> 
      </div> 
      <div class='spGroupForumSection spOdd spUnreadPosts' id='topic2'> 
      </div> 
      <div class='spGroupForumSection spOdd spUnreadPosts' id='topic3'> 
      </div> 
     </div> 
    </div> 
    <div class='spGroupViewSection'> 
     <a id='spForumToggleIcon3' class='spToggleButton spRight' title='Click to expand forum group' rel='nofollow' href='#'><img src='images/sp_TogglePlus.png' alt=''/></a> 
     <img id='spGroupHeaderIcon3' class='spHeaderIcon spLeft' src='' alt='' /> 
     <div id='spGroupHeaderName3' class='spHeaderName'>Group 2</div> 
     <div style='clear: both;'></div> 
     <div id='spGroupSubView3' class='spSubGroupView'> 
      <div class='spGroupForumSection spOdd spUnreadPosts' id='topic4'> 
      </div> 
      <div class='spGroupForumSection spOdd spUnreadPosts' id='topic5'> 
      </div> 
     </div> 
    </div> 
    <div class='spGroupViewSection'> 
     <a id='spForumToggleIcon4' class='spToggleButton spRight' title='Click to expand forum group' rel='nofollow' href='#'><img src='images/sp_TogglePlus.png' alt=''/></a> 
     <img id='spGroupHeaderIcon4' class='spHeaderIcon spLeft' src='' alt='' /> 
     <div id='spGroupHeaderName4' class='spHeaderName'>Group 3</div> 
     <div id='spGroupSubView4' class='spSubGroupView'> 
      <div class='spGroupForumSection spOdd spUnreadPosts' id='topic6'> 
      </div> 
     </div> 
    </div> 
</div>

我只能从我所做的研究中获得一个div，我会很感激这方面的帮助。

感谢

来源

2012-03-01 user1241772

你为什么不按类'.spToggleButton'来做 – elclanrs 2012-03-01 05:22:28

我似乎无法得到类与个人子视图div – user1241772 2012-03-01 05:27:03

此代码将在同一.spGroupViewSection做的slideToggle上.spSubGroupView格为被点击的.spToggleButton。

$('.spToggleButton').click(function() { 
    $(this).closest('.spGroupViewSection').find('.spSubGroupView').slideToggle(); 
});

你可以在这里看到它的工作; http://jsfiddle.net/jfriend00/4Z8mY/。

它是什么：

上.spToggleButton对象
与对象开始被点击安装点击处理，发现有一类spGroupViewSection最近的祖先。
在该对象中搜索与.spSubGroupView匹配的对象。
然后，在任何匹配的东西上拨打.slideToggle()。

来源

2012-03-01 05:26:46 jfriend00

幻灯片切换与多个div

回答

相关问题