jQuery функция onclick

[NumseR]

Понеже с Javascript-а въобще не се разбираме, реших да Ви попитам как мога да променя този код, така че действието да се извършва, като се натисне с мишката върху съответния елемент, а не както е сега с hover.

JS

$(document).ready(function () {

		
		$('.lava').css({left:$('span.item:first').position()['left']});
		
		$('.item').mouseover(function () {
			
			$('.lava').stop().animate({left:$(this).position()['left']}, {duration:200});
			
			
			$('.panel').stop().animate({left:$(this).position()['left'] * (-2)}, {duration:200});
		});
		
	});

HTML

<div id="moving_tab">
	<div class="tabs">
		<div class="lava"></div>
		<span class="item">Link1</span>
		<span class="item">Link2</span>

	</div>
					
	<div class="content">						
		<div class="panel">						
			<ul> content </ul>

Накратко искам така да направя, така че когато се натисне на Link2 да се показва съдържанието на Link2, а когато се натисне на Link1 да се показва неговото съдържание, без рефреш.

П.С Пробвах да сменя .mouseover с .onclick, но не се получи

 

[deam0n]

[js] $(document).ready(function () {


$('.lava').css({left:$('span.item:first').position()['left']});

$('.item').click(function () {

$('.lava').stop().animate({left:$(this).position()['left']}, {duration:200});


$('.panel').stop().animate({left:$(this).position()['left'] * (-2)}, {duration:200});
});

});[/js]


http://api.jquery.com/click/

 

[NumseR]

Получи се, благодаря