0

我正在尝试从这里为我的网站配置一些 JavaScript：

( http://jsfiddle.net/davidThomas/Wkat3/ )

我正在测试它，但我似乎无法让它工作。这是我输入的内容，但它似乎不想像结果一样折叠和展开。

<html>
<title>
</title>
<head>
<script src="js/jquery-2.0.2.min.js"></script>
<script>
$('li:not(".q")').hide();

$('li.q').click(
function(){
    $('li:not(".q")').slideUp();
    $(this).nextUntil('.q').slideDown();
});

</script>
</head>
<body>
<ul>
    <li class="q">Question One</li>
    <li>first answer to question one</li>
    <li>second answer to question one</li>
    <li class="q">Question two</li>
    <li>first answer to question two</li>
    <li>second answer to question two</li>
    <li class="q">Question three</li>
    <li>first answer to question three</li>
    <li>second answer to question three</li>
</ul>
</body>
</html>

请帮忙！一位朋友帮我安装了 jQuery，所以我不确定这是否是问题所在。

提前致谢。

4

2 回答 2

0

尝试对当前项目使用.slideToggle()

$('li:not(".q")').hide();

$('li.q').click(function(){
    var $li = $(this).nextUntil('.q');
    $('li:not(".q"):visible').not($li).slideUp();
    $li.slideToggle();
});

演示：小提琴

于 2013-07-02T05:33:45.230 回答
0

尝试用 jQuery(document).ready 包装你的 js

jQuery(document).ready(function() {
$('li:not(".q")').hide();

$('li.q').click(
function(){
    $('li:not(".q")').slideUp();
    $(this).nextUntil('.q').slideDown();
});
});
于 2013-07-02T05:34:06.963 回答