Question

我有另一个快速问题。我有一组作为标签的DIV。（类似于jQueryUI＆＃39;标签）。我的问题是这个，它应该包含一个简短而简洁的答案（我希望= 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更新：

不能更新，因为这样的代码编辑是CRO IMO。请查看https://jqueryui.com/tabs/以获得很好的参考。

这看起来不错，我所知道的是它因某些原因无法工作lol。任何帮助表示赞赏。 =）

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小提琴，它展示了我的建议。

主要区别在于，不是使用jQuery直接显示/隐藏元素（通过调用$(this).show()，$(this).hide()或$(this).toggle()），而是在父级上设置一个类（在我们的情况，点击标签的id。