如何实现这种jQuery效果？

Question

当我点击 ASUS Products page's英特尔插座bla2 ..，页面不必重新加载，点击后例如Intel Socket 2011，英特尔C602 &英特尔X79出现了，我该如何使用jQuery实现它？

Answer 1

确实这很简单。

首先，您可以在几秒钟内尝试使用jQuery UI Tabs Widget。这不是相同的造型，但想法是一样的。

这时你有两种选择：

• 您可以尝试的风格了jQuery UI选项卡插件：jQuery UI的只是设置一些CSS类的DOM元素：如果重新定义这个类，你可以风格它你的方式

• 你可以重现没有小部件的行为。基本上，建立与小部件相同的标记，用CSS隐藏你的标签，并点击你的链接重新显示它们。一个快速和肮脏的例子：

  $('ul#links li a').click(function(){ 
      $($(this).attr('href')).show().siblings().hide(); 
  }); 
  

编辑

也许更简单的方式来设定样式：http://os.alfajango.com/easytabs/