django jquery默认情况下隐藏

我用django做了一个表格，并做了3个分类。 现在，使用slideToggle（）可以隐藏或显示窗体的一部分。现在，我尝试在默认情况下隐藏第二个和第三个选项卡。这就是我被卡住的地方

我的django模板：

<form action="{% url 'item_create' %}" method="post">{% csrf_token %}
    <ul>
        <li class="title">Basic information</li>
        <li class="fields">
        {% for field in item_form %}
            {% if field.name == "min_level" %}
        </li>
        <li class="title">Requirements</li>
        <li class="fields">
            {% endif %}
            {% if field.name == "strength" %}
        </li>
        <li class="title">Bonus</li>
        <li class="fields">
            {% endif %}
            <p><b>{{ field.label_tag }}</b>{{ field }}</p>
        {% endfor %}
        </li>
    </ul>
    <input type="submit" value="Submit" />
</form>

我是javascript新手，我不完全理解“选择器”，有人能帮我一下吗。

第n个子元素（3）将匹配第三个子元素。在您的情况下，这将不是一个非常优雅的解决方案，因为这些子类具有混合的CSS类

具体来说，您的过滤元素（带有类

字段
）分别是第二、第四和第六个子元素

相反，您可能希望执行以下操作：

$(function(){
    $('li.fields').filter(":nth-child(3)").hide();  
    $('ul').on('click', 'li.title', function(){
        $(this).next().slideToggle(200)
    })
});

$(function(){
    $('li.fields').slice(1).hide();
    // and then the on-click stuff...
});