javascript - 隐藏所有内容后如何显示某些元素？切换不起作用

Question

Django 模板

<div class="jumbotron" id="{{post.id}}" class="parent{{post.parent_simpler}}"><h3>{{post.post}}</h3>
                <input type = "text" style="display:none;">{% csrf_token %}</input>
                <button type="button" class="btn-primary" id="{{post.id}}" style="display:none;">Add Post.</button>
            </div>  

这是 JavaScript:

$(".jumbotron").click(function(){
          $(".jumbotron").not(this).toggle("slow");
          $("."+ "parent"+this.id).toggle("slow");
        });

第一个切换隐藏了 jumbotron 类的所有 div，但第二个切换应该使 .parent{{post.parent_post}} 类的 div 再次可见，但不起作用。

如何解决这个问题？

Answer 1

您不能在一个元素中声明两次类，但您可以根据需要间隔多个类名

<div class="jumbotron" id="{{post.id}}" class="parent{{post.parent_simpler}}">

应该是:

<div class="jumbotron  parent{{post.parent_simpler}}" id="{{post.id}}">

您可以通过检查浏览器开发人员工具中的实时 html 来确认这一点，仅识别一个声明