simple jquery help!

[Me1000]

Is anyone familiar with jQuery?

I have a div called testidrop,

<div class="testidrop" id="testidrop">...</div>

normally is is hidden, but when I click on a link (testialink)
it should drop down,

<a href="#" id="testialink" class="testialink">Testimonials</a>

So I thought it was all working great, until I discovered than whenever you click ANYWHERE on the page it drops down!


Here is the code in the head tag

	<script>
//show testimonials
$(document.getElementById('testialink')).click(function(){$(document.getElementById('testidrop')).slideToggle("slow")});

$(document.getElementById('close')).click(function(){$(document.getElementById('testidrop')).slideup("slow")});
</script>

(BTW the reason for the close one, us because there is a link within the testidrop div that will close it)


any idea why this happens? or what I can do to fix it?


Big Thanks,

 

[Matteh117]

Not tested it, but try this;

<script>
$(document).ready(function(){
$(document.getElementById('testialink')).click(function(){
	$(document.getElementById('testidrop')).slideToggle('slow');
});
$(document.getElementById('close')).click(function(){
	$(document.getElementById('testidrop')).slideup('slow');
});
}
</script>

 

[bootedbear]

Why are you calling getElementById? jQuery will do all that for you!

$('#elementId').click( ... )

 

[bootedbear]

Converting your first example:

$('#testialink').click(function(){$('#testidrop').slideToggle('slow');});

 

[bootedbear]

$('#close').click(function(){$('#testidrop').slideUp('slow')});

 

[Me1000]

I tried to do the #=id thing, but it never worked,

this is what I finally got to work

$(document).ready(setTestimonials);

function setTestimonials() {

	$('#testialink').click( function(){ $('#testidrop').slideToggle('slow') } );
	$('#close').click( function(){ $('#testidrop').slideUp('slow') } );

}

 

[Matteh117]

Try adding "name" alongside the "id" and changing the jQuery as suggested.