jQuery Slide Toggle function not called

Question

I am having trouble with jQuery Slide Toggle.

$(document).ready(function() {
    $("a").click(function() {
    $(this).parent().parent().children("p").Toggle(400);
    return false;
    });
    });

I have a bunch of posts on the page pulled from a database, and they are structured like this (pseudo HTML)

<div post>
    <div float-left location/timeInfo></div>
    <div float-right bandInfo><a>slideToggleLink</a></div>
    <p>theToggledElement</p>
</div>

When I click the link, the jQuery function is not called, but I cannot see what the problem is.

Answer 1

jQuery does not have a Toggle() method.

You mean slideToggle() .

Answer 2

You're asking about jQuery "Slide Toggle" but your code is using something called .Toggle() , which does not exist as it is spelled.

It should be .slideToggle() or just .toggle() (note: the lack of capital T in the second). However, there is no sliding/animation with .toggle() .

Answer 3

$(this).parent().parent().children("p").Toggle(400);

Bad for performance and Toggle() does not exist.
Replace with:

$('#post').find('p').slideToggle(400);