多个jQuery的切换

我试图建立一个网站，只显示一个页面给公众，并在jQuery和ajax的帮助下，我打算让所有隐藏页面的内容在该页面内。像Flash网站一样。

现在，作为这个领域的新手，我遇到了一些与jquery toggeling有关的问题。 toggle()函数可以上下滑动显示在主页面中的每一个隐藏页面，但我不知道如何在打开其他页面时正确关闭其他页面，并使它们100％动态且令人愉悦。
多个jQuery的切换

为了更好地理解我在说什么，请按照this link和click在Marlon Brando的脸，然后click红色文字formular online，然后点击Marlon Brando再次的脸。 通过这样做，您将完全理解我的问题！

非常感谢！

来源

2013-02-08 DanCapitanDePlai

你想要做的是这样的：

给你的内容的区域共同的祖先/父，如<div id="regions"><div marlon /> <div formular /> ...。
为您的每个主区域div分配一个id或rel标签，您可以关联。如region-brando
给每一个可扩展的区域特定的类链接（例如region-expander），要么使href的ID（例如href="#region-brando"）或设置相对标签（例如rel="region-brando"）
绑定点击基于该类事件这样做有两个方面：1）折叠regions div内的所有其他当前扩展区域; 2）扩展新选择的区域

所以它会是这个样子：http://jsfiddle.net/We9NT/

来源

2013-02-08 14:08:03

只是一个说明，我不知道这个网页是如何复杂的将是，但利用的像骨干，angularjs或类似的东西的客户端库可能会使管理你的js更容易一些。我的想法是利用路由器。你也可能认为这是过度杀伤力。只是我的2美分 – Lucas 2013-02-08 15:43:37

+1同意。这似乎很简单，但随着它变得复杂，我认为按照@Lucas的建议考虑客户端库是很好的。 – 2013-02-08 15:45:11

@Lucas嗯，我不认为这将是复杂的毕竟，我会努力使用jQuery的所有方式。这些是我对jQuery的第一步，我想继续留在这一行。非常感谢您的关心和建议。 – DanCapitanDePlai 2013-02-08 18:54:23

多个jQuery的切换

回答

相关问题