CodingForums.com

The following code is driving me MAD...

I just want the h5 to be clickable, and when you click it it will show the company details, when you click it again it hides them! I'm seriously going crazy because the function works in firebug but not when I upload it to the site!!!!! ARRGH!!! Why would it do this???

Code:

jQuery(document).ready(function (){

        jQuery("#meme").click(function(){

                        $(this).parents(".specialistContainer").find(".twistyContent").toggle();

                        $(this).find("span").remove();

                        $(this).prepend("<span>-</span>");

                }); 

});





...



<div style="display:none;">

    <div class="specialistContainer">

        <h5>Company name</h5>

        <div class="twistyContent">

            123 street

            <br/>

            Lotherton Way

            <br/>

            Garforth

            <br/>

            Leeds

            <br/>

            LS25 4GB

            <br/>

            0113 287 2222

        </div>

        <a href="mailto:companyemail" style="color: #000;font-weight: bold;">info@companyemail.com</a>

        <br/>

        <a href="http://www.companyurl.com" target="_blank" alt="Paul Turner Signwriters" title="Paul Turner Signwriters" style="color: #000;">www.companyurl.com</a>

    </div>

</div>

What am I doing wrong!??! :confused: