javascript - 单击一个li，在单击的li内的span标签上添加显示 block ，当单击另一个li时，对此进行相同的操作，并使前一个不显示

Question

<ul>
<li class="trigger">Menu One<span class="show_hide">Show Hide One</span></li>
<li class="trigger">Menu Two<span class="show_hide">Show Hide Two</span></li>
<li class="trigger">Menu Three<span class="show_hide">Show Hide Three</span></li>

当我单击“菜单一”时，将出现“显示隐藏一个”文本，而当我单击第二个“li”时，第一个文本将不显示。但文本“菜单一”、“菜单二”、“菜单三”始终可见。我已将 display none 设置为 class="show_hide"。谢谢

Answer 1

如果我正确理解了你的问题，这应该可以解决问题。

$('.trigger').click(function(){
    $('.trigger span').addClass('show_hide');
    $(this).children('span').removeClass('show_hide');
})