-3

在一个名叫 Michael 的 Stack Overflow 用户的帮助下，我能够让这个 jsFiddle 部门正确地下拉。但是，当我尝试实现 JavaScript、CSS 和 HTML 时，即使是在一个只有 jsFiddle 代码的新目录中，我也无法在点击时将分区下拉。实际上，它根本不会显示内容划分。我究竟做错了什么？

我猜我必须以某种方式错误地实现 JavaScript 代码。

jsFiddle 是http://jsfiddle.net/WeL6j/12/，

$(function() {
    $('.action').click(function() {
        var content = $(this).find('~ .content');
        $(this).parent().parent().find('.content').not(content).hide('fast');
        content.slideToggle('fast');
    });
});
4

1 回答 1

0

您需要在使用之前包含 jQuery ... 确保这一点的一个好方法是在编码之前<script>放置包含 jQuery 的标签。或者您可以在阅读更多内容之前将您的代码移动到正文的底部</body> 

<head>
<title></title>

<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>
<div id="container"><ul>
    <li>
        <a href="#" class="action">summer</a>
        <div class="content">
            <a href="link">june</a>
            <a href="link">july</a>
        </div>
    </li>
    <li>
        <a href="#" class="action">winter</a>
        <div class="content">
            <a href="link">november</a>
            <a href="link">december</a>
        </div>
    </li>
    <li>
        <a href="#" class="action">weather</a>
        <div class="content">
            <a href="link">rain</a>
            <a href="link">sun</a>
        </div>
    </li>
    </ul></div><br>
<div id="div">
    </div>
<script type="text/javascript">
//$(function() { // ooo looky, i'm not actually needed now!
    $('.action').click(function() {
        var content = $(this).find('~ .content');
        $(this).parent().parent().find('.content').not(content).hide('fast');
        content.slideToggle('fast');
    });
//});?
</script>
</body>
于 2012-04-12T15:30:36.037 回答