Javascript 将Fiddle代码集成到布局中_Javascript_Html_Css_Jsfiddle

Javascript 将Fiddle代码集成到布局中

javascript html css

Javascript 将Fiddle代码集成到布局中,javascript,html,css,jsfiddle,Javascript,Html,Css,Jsfiddle,在一个名为Michael的堆栈溢出用户的帮助下，我能够正确地放下这个JSFIDLE分区。但是，当我尝试实现JavaScript、CSS和HTML时，即使是在一个只有JSFIDLE代码的新目录中，我也无法让分区在单击时下拉。实际上，它根本不会显示内容划分。我做错了什么我猜我一定是实现了错误的JavaScript代码 JSFIDLE是在使用jQuery之前，您需要将其包含进去。。。确保这一点的一个好方法是将包含jQuery的标记放在编码之前。或者，您可以将代码移动到正文的底部，就在

在一个名为Michael的堆栈溢出用户的帮助下，我能够正确地放下这个JSFIDLE分区。但是，当我尝试实现JavaScript、CSS和HTML时，即使是在一个只有JSFIDLE代码的新目录中，我也无法让分区在单击时下拉。实际上，它根本不会显示内容划分。我做错了什么

我猜我一定是实现了错误的JavaScript代码

JSFIDLE是

在使用jQuery之前，您需要将其包含进去。。。确保这一点的一个好方法是将包含jQuery的

标记放在编码之前。或者，您可以将代码移动到正文的底部，就在











//$（function（）{//ooo瞧，现在实际上不需要我了！
$（'.action'）。单击（函数（）{
var content=$（this.find（'~.content'）；
$（this）.parent（）.parent（）.find（'.content'）.not（content）.hide（'fast'）；
内容。滑动切换（“快速”）；
});
//});?

如果没有实际看到不起作用的代码，任何人都不可能简单地猜到您的错误。您包括jQuery库了吗<代码>是的，我想了很多。我将发布一个包含基本文件和附件的简单粘贴箱。是的，我包括了jquery文件。有什么问题吗？到目前为止，你说你很难让小提琴工作。然而，我打开了你的链接，它似乎对我很有效。html-css-javascript（jquery1.7.1）-谢谢。我真的应该一大早就离开这里。我很感激。

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

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