Question

我正试图在我的网站上配置一些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，所以我不确定这是不是问题。

提前致谢。

Answer 1

尝试将.slideToggle()用于当前项目

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

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

演示：Fiddle

Answer 2

尝试用jQuery（document）.ready

包装你的js

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

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

JavaScript扩展/崩溃不起作用？

2 个答案: