Expand/collapse 在 html 中使用 java 脚本无法正常工作

Question

这是 link http://jsfiddle.net/susxK/124/ 当我点击客户服务时没有发生任何事情，任何人都可以帮助我解决这个问题。

预期输出：

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

Answer 1

这将显示和隐藏您的 table

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

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

Answer 2

只需将 onclick="name()" 侦听器添加到您的 html 代码：

Working Demo : Fiddle

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();
}

Expand/collapse 在 html 中使用 java 脚本无法正常工作

Expand/collapse not working using java script in html

html

javascript

expand

collapse