我如何实现这个jQuery效果？

Question

当我点击 ASUS Products page's Intel socket bla2 ..时，我点击了例如Intel Socket 2011，Intel C602＆amp;英特尔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/