slideToggle not working for .sibling method
<p>I want to make hidden divs show when a title is clicked. I have chosen jQuery to do this with the slideToggle. I set the  to have a class of "clicker-2", and the div is class "skill-talk_holder" that has the content is set to be hidden by CSS. There are multiple divs with the class of "skill-talk_holder" so I have to use something that will only open one at a time, and not all of them when "clicker-2" is clicked.</p>

<p>However, the only thing that happens is the page reloads (by just going to the top, not with a new HTTP req).</p>

<p>Here is my code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('.clicker-2').click(function() {
        $(this).siblings('div').slideToggle("slow");
    });
});
&lt;/script&gt;           
</code></pre>

<p>And the HTML</p>

<pre><code>&lt;div class="divider"&gt;
    &lt;a href="#" class="clicker-2"&gt;&lt;h3 class="title"&gt;Non-Coding Web Skills&lt;/h3&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;span class="spacer"&gt;&lt;/span&gt;
&lt;div class="skill-talk_holder"&gt;
    content content content
&lt;/div&gt;
</code></pre>