JavaScript扩展/折叠不工作？_Javascript_Html

JavaScript扩展/折叠不工作？

javascript html

JavaScript扩展/折叠不工作？,javascript,html,Javascript,Html,我正在尝试从这里为我的网站配置一些JavaScript：（）我在测试它，但我似乎无法让它工作。这是我放进去的，但它似乎不希望像结果中那样崩溃和膨胀 <html> <title> </title> <head> <script src="js/jquery-2.0.2.min.js"></script> <script> $('li:not(".q")').hide(); $('li.q').click( f

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

（）

我在测试它，但我似乎无法让它工作。这是我放进去的，但它似乎不希望像结果中那样崩溃和膨胀

<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>


$（'li:not（“.q”））.hide（）；
$（'li.q'）。单击(
函数（）{
$（'li:not（'q'））.slideUp（）；
$（this.nextUntil（'.q'）.slideDown（）；
});

问题一
第一个问题的第一个答案
第一个问题的第二个答案
问题二
对问题二的第一个答复
对问题二的第二个答复
问题三
对问题三的第一个答复
对问题三的第二个答复

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

提前感谢。

尝试对当前项目使用

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

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

演示：

尝试用jQuery（文档）包装js。准备好了吗

浏览器控制台中出现任何错误，请确保快速响应！只是从站点复制了它，以前从未使用过JavaScript:）

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

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