多个jquery切换

时间:2013-02-08 13:51:57

标签: jquery toggle

我正在尝试构建一个只向公众显示一个页面的网站,并在jquery和ajax的帮助下,我计划在该页面内获取所有隐藏页面的内容。像flash网站一样。

现在,作为这个领域的新手,我遇到了一些与jquery toggeling相关的问题。 toggle()功能可以在我需要在主页面中显示的每个隐藏页面上下滑动,但我不知道如何在打开其他页面时正确关闭其他页面并使其100%动态且令人赏心悦目点。

为了更好地理解我所说的内容,请在click的脸上this linkMarlon Brando,然后在红色文字上click formular online Marlon Brando 1}}然后再次点击{{1}}的脸部。 通过这样做,你将完全理解我的问题!

非常感谢!

1 个答案:

答案 0 :(得分:0)

你想要做的是这样的事情:

  1. 为您的内容区域提供共同的祖先/父级,例如<div id="regions"><div marlon /> <div formular /> ...
  2. 为每个主要区域div添加与您相关的idrel标记。例如region-brando
  3. 为区域扩展特定类(例如region-expander)的每个链接,并使href成为id(例如href="#region-brando")或设置rel标记(例如{{1 }})
  4. 根据执行两项操作的类绑定点击事件:1)折叠rel="region-brando" div内的所有其他当前展开的区域; 2)扩展新选择的区域
  5. 所以它看起来像这样:http://jsfiddle.net/We9NT/