切换 jquery 无法正常工作

Toggle jquery is not working correctly

本文关键字：工作 常工作 jquery 切换      更新时间：2023-09-26

我正在使用一个函数，例如我想在一个选项卡上仅显示一个选项卡，例如如果我单击其他人将隐藏，我也想切换打开的选项卡。

.show() JQuery 只出现在第一个选项卡上，而不是其他选项卡上。

JQuery ： 

$('#toClick').click(function() {
    $('#toShow').hide();
    $(this).parent('#hideShow').find('#toShow').toggle();
});

.HTML：

<span id="hideShow">
  <span id="toClick">tab 1</span>
  <span id="toShow">Tab 1 content</span>
</span>

<span id="hideShow">
  <span id="toClick">tab 2</span>
  <span id="toShow">Tab 2 content</span>
</span>

<span id="hideShow">
  <span id="toClick">tab 3</span>
  <span id="toShow">Tab 3 content</span>
</span>

id在同一文档中应该是唯一的，通过一般class更改重复的，检查以下示例：

<span class="hideShow">
    <span class="toClick">tab 1</span>
    <span class="toShow">Tab 1 content</span>
</span>
<span class="hideShow">
    <span class="toClick">tab 2</span>
    <span class="toShow">Tab 2 content</span>
</span>
<span class="hideShow">
  <span class="toClick">tab 3</span>
  <span class="toShow">Tab 3 content</span>
</span>

然后使用类选择器.：

$('.toClick').click(function() {
    $('.toShow').hide();
    $(this).parent('.hideShow').find('.toShow').show();
});

希望这有帮助。

相关文章：