显示不同的记录，具体取决于父标签点击django

Question

我有两个标签：

• 我的父标签包含汽车列表
• 我的子项标签包含汽车详情，效果，优惠

我正在尝试显示不同的数据，具体取决于显示哪个父标签。

预期结果：

parent tab

car one | car two 


child tab 

car details | performance | offers 

结果显示在这里

tabs.html

<!-- parent tab -->

<ul class="nav nav-tabs">
        {% for car in cars %}
        {% if forloop.first %}
        <li class="active"><a href="#carDetails" data-toggle="tab">{{car.name}}</a></li>
        {%else%}
        <li><a href="#carDetails" data-toggle="tab">{{car.name}}</a></li>
        {%endif%}
        {%endfor%}
    </ul>

<!-- child tab -->

<ul class="nav nav-tabs">
        <li class="active"><a href="#carDetails" data-toggle="tab">Car Details</a></li>
        <li><a href="#performance" data-toggle="tab">Performance</a></li>
        <li><a href="#offers" data-toggle="tab">Offers</a></li>
    </ul>

<!-- for loop -->

{% for car in cars.id %}
    <tr>
        <td class=" vertical-center">
            <a href="">{{ car.name }}</a>
        </td>
    </tr>

{% endfor %}

Answer 1

所有汽车细节标签应放在html中，第一个标签默认可见，其他标签默认隐藏。您可以通过Javascript更改标签以显示。