Simple Ajax SlideDown not functioning

[lucas20]

Hello, I am trying to do a basic Ajax slide down for my site using Scriptalicious.

I had preexisting a div id called content, so I pasted the sample code into the site and the Slide down worked fine.

However, as soon as I changed the div ID name to anything else, there is no response from the site.


[HTML]<h3><a href="javascript:void(0);" onclick="Effect.SlideDown('content1');">View amenities</a></h3>
<div id="content1" style="display: none;">
Word
</div>
[/HTML]
Does anyone have an idea as to why this would happen?

[acoder]

Welcome to TSDN!

You haven't got any other elements with the same ID, have you?

Please use code tags when posting code:

[CODE=javascript]
JavaScript code here....
[/code]

[lucas20]

No, definitely not. I just edited the id to a completely random Id (awrehrtjh) and the same thing happened. The curious thing is that if I place the id "content" into the script, it works like a charm. My content Id tag is for the entire body, however, and not this small effect.

This is nested into two div ids (content and column1), but I even tried taking the effect div outside of those and it still did not work.

Curious...

<h3><a href="javascript:Effect.SlideDown('awrehrtjh');">View amenities included in this home</a></h3>
<div id="awrehrtjh" style="display: none; height:95px;">
Word
</div>
 

Welcome to TSDN!

You haven't got any other elements with the same ID, have you?

Please use code tags when posting code:

JavaScript code here....
 

[acoder]

Try the code on its own without any other code as a test.