help!

[sethwb]

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???

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!??!

[Fumigator]

See #2:

http://www.codingforums.com/postguide.htm

[sethwb]

Ok to anyone seeking the answer:

My problem was different. I found out from a little more investigation the page is dynamically copying the HTML from a hidden portion of the page, & inserting it as new HTML of a newly created element. That is why the event handler's were not being attached to the proper element and thus not registering clicks.

the code above needs some minor tweaks but it works if youre using those names