在HTML中使用Java腳本無法展開/折疊

Question

這是鏈接http://jsfiddle.net/susxK/124/當我單擊客戶服務時，未發生任何事情可以幫助我解決此問題。

預期輸出：

clicking the  customer services i want to show the full table.In the same way collapse. 

Answer 1

這將顯示和隱藏您的桌子

$(document).ready(function() {
    $(".form-matrix-table").hide();

    $(".form-label,form-label-top").click(function() {
         $(".form-matrix-table").toggle();
    });
});

Answer 2

只需將onclick =“ name（）”偵聽器添加到您的html代碼中即可：

工作演示：小提琴

的onclick = “d（）”

HTML

<label class="form-label form-label-top" onclick="d()" id="label_5" for="input_5"> Customer Services </label>

CSS

#cid_5{
    display:none;
}

JS

function d()
{
         $("#cid_5").fadeToggle();
}