良好的jQuery内容开关

Question

有人知道一个好的jQuery内容切换器吗？我想换一个登录和注册表格。

Answer 1

您可以使用最少的代码执行这样的操作，例如，如果您有：

<div class="links">
  <a href="#login">Login</a>
  <a href="#register">Register</a>
</div>

<div id="login" class="panels">
  Login Stuff
</div>
<div id="register" class="panels">
  Registration Stuff
</div>

你可以这样做jQuery：

$(".links a").click(function() {
  $(".panels").hide();
  $(this.hash).fadeIn();
});

如果您想要的话，只需先用CSS将两者隐藏起来，如下所示：

.panels { display: none; }

当您单击上面的任一链接时，它会隐藏其他面板，并在您想要切换到的面板中淡入与上面相同的约定，您可以添加任意数量的面板和链接。

如果您想要更复杂的内容安排，其他一些预先构建的备选方案如下：

• jQuery用户界面表
• jQuery UI手风琴