javascript - 如何在单击时将事件类设置为一页中的多个选项卡？

Question

我在一个页面中有多个选项卡，并且在为所选菜单设置事件类时遇到问题。如果我只有一组选项卡，效果会很好。如果我单击第一个选项卡菜单，第二个选项卡菜单将失去其事件类。淡入淡出效果也不起作用。请帮忙。谢谢。 Fiddle here .

$(".tabs a").click(function() {
  $(".tabs a").parent().removeClass("active");
  $(this).parent().addClass("active").fadeIn('slow');
});

Answer 1

这样做

$(".tabs a").click(function(e) {
   e.preventDefault();
   var p = $(this).closest('.tabs');
   var i = '#'+$(this).attr('data-tab');

   $(this).closest('ul').find('li').removeClass("active");
   $(this).parent().addClass('active');
   $(p).find('.tabInner div').hide();
   $(p).find(i).fadeIn('slow');
});

<强> JFIDDLE EXAMPLE