-3

Michaelという名前のStackOverflowユーザーの助けを借りて、この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 に答える