只在单击另一个选项卡和/或活动时显示选项卡？

Question

我还有一个问题要问。我有一组DIV的任务就是塔布斯。(类似于jQueryUI的Tabs)。我的问题是这个，它应该包含一个简短的答案(我希望=P)。

我想知道如何更改我现有的JS (如下图所示)，当一个ID为# tab -2的选项卡被单击或处于活动状态时(无论哪个更好，甚至是两个都是idk)，然后才会显示ID为# tab -4的选项卡。

这样，当用户单击#tab-2，#tab-4时就会出现。如果# tab -2未被单击或激活，则选项卡4将被隐藏.

我认为这很容易，也许我对它的分析过度了，但这是我的JS：

$(function() {
if $('#tab-2').click(function() {
    $('#tab-4').show();
    };
else $('#tab-4').hide();
    };
});                         

})；

HTML更新：

无法更新，因为所以的代码编辑器是垃圾海事组织。请看https://jqueryui.com/tabs/获得一个很好的参考。

看上去不错吧，我只知道因为某种原因不行。任何帮助都是非常感谢的。=)

Answer 1

你差点就到了

if $('#tab-2').click(function() {错了，有些人把;放错了位置。

$(function() { // DOM ready shorthand

  $('#tab-2').click(function() {
      $('#tab-4').toggle();
  });                         

});

使用指向所有选项卡的选择器也会有所帮助，因此，当您首先关闭选项卡时，您可以这样做：$('.tab').hide(); // First, hide all...。

通过看到你的HTML我肯定会给你一个更好的建议..。直到超过。

Answer 2

选择的答案没有什么问题，但您要求我详细说明:)这里有一个快速的JS Fiddle，它演示了我建议的内容。

首先，小提琴：http://jsfiddle.net/GY356/

主要区别在于，我们没有使用jQuery直接显示/隐藏元素(通过调用$(this).show()、$(this).hide()或$(this).toggle())，而是在父级(在本例中是单击选项卡的id )上设置一个类。