Home/ Questions/Q 7793883
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T22:37:45+00:00

With the help of a Stack Overflow user named Michael, I was able to

  • 0

With the help of a Stack Overflow user named Michael, I was able to get this jsFiddle division to drop down properly. However, when I try to implement the JavaScript, CSS, and HTML, even into a new directory with only the jsFiddle code, I can’t get the divisions to drop down on click. It won’t show the content division at all, actually. What am I doing wrong?

I’m guessing that I’ve got to be implementing the JavaScript code wrong somehow.

The jsFiddle is 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');
    });
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to include jQuery before you use it… a good way to ensure this is to put the <script> tag that includes jQuery before you code. Or you can move your code to the bottom of the body just before </body> read more

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