IE & Chrome having issues with # links

[kahamri]

I'm not sure what the deal is. Firefox works fine, IE and Chrome WERE working.

Here's my link.

		<div class="mainthumbs">
			<a href="#" onclick="hdr.id='hdr1';showitem('toggle1');hideitem('toggle2');hideitem('toggle3');hideitem('toggle4');hideitem('toggle5')"><img src="<?php bloginfo('template_directory'); ?>/contentbg/thumb1.png"></a>
			<a href="#" onclick="hdr.id='hdr2';showitem('toggle2');hideitem('toggle1');hideitem('toggle3');hideitem('toggle4');hideitem('toggle5')"><img src="<?php bloginfo('template_directory'); ?>/contentbg/thumb2.png"></a>
			<a href="#" onclick="hdr.id='hdr3';showitem('toggle3');hideitem('toggle2');hideitem('toggle1');hideitem('toggle4');hideitem('toggle5')"><img src="<?php bloginfo('template_directory'); ?>/contentbg/thumb3.png"></a>
			<a href="#" onclick="hdr.id='hdr4';showitem('toggle4');hideitem('toggle2');hideitem('toggle3');hideitem('toggle1');hideitem('toggle5')"><img src="<?php bloginfo('template_directory'); ?>/contentbg/thumb4.png"></a>
			<a href="#" onclick="hdr.id='hdr5';showitem('toggle5');hideitem('toggle2');hideitem('toggle3');hideitem('toggle4');hideitem('toggle1')"><img src="<?php bloginfo('template_directory'); ?>/contentbg/thumb5.png"></a>
		</div>

When you click the link, it's supposed to display text and change the background. For some reason you can click one link and it works, but if you try to click another it doesn't do anything.

[toicontien]

Try returning false at the end of each click handler. This will cancel the click event and short circuit any default actions taken by the browser after processing a click event on an <a> tag.

[kahamri]

I'm just learning jquery, so I'm not entirly sure what you mean.
I think I found what I'm looking for,

 $(this).click(function(){ return false; }

Here's my code:

<script type="text/javascript">
function hideitem(id){document.getElementById(id).style.display = "none";}
function showitem(id){document.getElementById(id).style.display = "inline";}
</script>

and at each link

<a href="#" onclick="hdr.id='hdr1';showitem('toggle1');hideitem('toggle2');hideitem('toggle3');hideitem('toggle4');hideitem('toggle5')"><img src="<?php bloginfo('template_directory'); ?>/contentbg/thumb1.png"></a>