Javascript 如何在单击位于隐藏和显示的div之外的标记后隐藏/显示该标记

我有一些结构如下的html代码。当我点击tag a with moreCases类时，div with class container cases变为show；当我点击LessCase div with class container cases时，div with class container cases变为hide，但tag a with moreCases不变为show。我如何解决这个问题

HTML:

删除最后一个.addClass'hide'

在使用prev之前，您必须以父级为目标：

$document.readyfunction{ $.moreCases.eachfunction{ var more=$this； 更多。点击功能{ more.next.removeClass'hide'。addClass'show'； removeClass'show'。addClass'hide'； }; }; $.lessCases.eachfunction{ var-less=$this； 点击功能{ less.parent.removeClass'show'.addClass'hide'； less.parent.prev.moreCases.removeClass'hide.addClass'show'； }; }; }; .隐藏{ 显示：无； } .表演{ 显示：块； }

---

无需迭代.moreCases和.lessCases，只需将click事件添加到其中即可。此外，由于单击是在a标记上，请通过添加e.preventDefault来防止默认行为

$document.readyfunction{ $.moreCases.ClickFunction{ $this.next.removeClass'hide'。addClass'show'； $this.removeClass'show'.addClass'hide'； }; $.lessCases.ClickFunction{ e、 防止违约； $this.parent.removeClass'show'.addClass'hide'； $this.parent.prev.moreCases.removeClass'hide.addClass'show'； }; }; .隐藏{ 显示：无； } .表演{ 显示：块； }

---

你的CSS代码在哪里？我对CSS没有问题

<a href="#!" class="moreCases show">more 1</a>
<div class="container-cases hide">
   <input type="text" />                 
   <a href="#!" class="lessCases">less 1</a>
</div>

$(document).ready(function () {
      $(".moreCases").each(function () {
          var more = $(this);
          more.click(function () {
              more.next().removeClass('hide').addClass('show');
              more.removeClass('show').addClass('hide');
          });
      });
      $(".lessCases").each(function () {
          var less = $(this);
          less.click(function () {
              less.parent().removeClass('show').addClass('hide');            
              less.prev(".moreCases").removeClass('hide').addClass('show');                                     
          });
      });
});

 $(".moreCases").each(function () {
        var more = $(this);
        more.click(function () {
            more.next().removeClass('hide').addClass('show');
            more.removeClass('show');
        });
    });

less.parent().prev(".moreCases").removeClass('hide').addClass('show');