單擊一個li，在單擊的li內的span標簽上添加顯示塊，然后單擊另一個li進行相同操作，使上一個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>

當我單擊菜單One時，將顯示“顯示隱藏一個”文本，當我單擊第二個li時，第一個將不顯示。 但始終會顯示文本菜單一，菜單二，菜單三。 我已將display none設置為class =“ show_hide”。 謝謝

Answer 1

如果我正確理解了您的問題，則可以解決問題。

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