展開依賴於intendation串

Question

介紹jQuery的HTML表格：
在我的部門 ，一個同事和我試圖建立基於Django框架一個庫存控制系統。基本上，大部分的東西都在工作。但目前，我們遇到了jQuery的一些問題。想象一下，我們的數據庫中有一些設備，例如一部手機，其中我們想要了解所有組件的詳細視圖。這些設備中的每一個都具有一些子組件（例如主板），其也可以具有子組件（例如CPU，RAM等）。

說明：
的方法的django的實現（在HTML文件中），它提供了nessecary數據，如下所示：

 {% for module in submodels %} 
      <p> 
       {{ module.intentation }} || submodules: {{ module.has_subs }} || {{ module.object }} 
      </p> 
     {% endfor %} 

如果模塊的子模塊，方法has_subs返回true。 模塊本身的意圖被列在字符串中，方法intentation返回。

在這種情況下，我們想動態擴展一個關於子模塊的HTML表格。下圖顯示了我們正在考慮的內容。

> | 1.1  | OLED 
V | 1.2  | Motherboard 
    | 1.2.1 | CPU 
    | 1.2.2 | RAM 
> | 1.3  | Battery 
> | 1.4  | Motion Sensor 

如果模件的標誌has_subs是TRUE，所有的次級（其在該方法的intentation返回字符串列出）模塊應該擴大。例如：通過點擊主板（1.2），所有子模塊的擴展名爲intentation。 （模塊意圖的數據結構具有以下零：例如對於OLED： 1.1.0.0，主板：1.2.0.0，CPU：1.2.1.0，RAM：1.2.2.0，...）

問題：
我們如何才能實現這個功能與jQuery擴大表？我們雖然關於一個jquery函數，它分析了意圖字符串和has_subs值。

我們還想實現兩個按鈕「全部關閉」和「全部展開」。

感謝您的幫助，
問候馬修

Answer 1

你會希望有一個標籤，如：

{% if module.has_subs %} 
    <p class ="with-subs-p"> 
     Module Name 
    </p> 
    <div class="with-subs-d"> 
     # Print each of the subs in whatever format you like 
    </div> 
{% else %} 
    <p>Module Name</p> 
... 

這是所有的HTML和標籤，CSS /格式化也取決於你。

jQuery的相對簡單也：

$(document).ready(function() 
{ 

    $(".with-subs-d").hide(); 
    $(".with-subs-p").click(function() 
    { 
    $(this).next(".with-subs-d").slideToggle(600); 
    }); 
});