好的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 UI选项卡
• jQuery UI Accordion