jquery切换tab标签例子

var shoptoggle = $('.shoptoggle .shop-toggle li');

var shopwrap = $('div.shop-wrap');
$('div.shop-wrap:first-child+div.shop-wrap').hide();
$('#Sshop-wrap').hide();
var link=$('div.details-link')
var goog=$('div.goods-img')
shoptoggle.click(function () {
var $this = $(this);
var $t = $this.index();
shoptoggle.removeClass();
$this.addClass('shop-cur');
shopwrap.css('display', 'none');
link.css('display', 'none');
goog.css('display', 'none');
shopwrap.eq($t).css('display', 'block');
link.eq($t).css('display', 'block');
goog.eq($t).css('display', 'block');

}

大致解释下代码
前面几行主要是选择器的选择，
从第3行先将对应的选择器隐藏掉

shoptoggle这个选择器中，对应的操作切换的工作，比如先让右边的隐藏，当点击右边的时候，左边的隐藏，基本效果已经在上面的截图，我也在这些记录，以方便大家学习