Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: jQuery: Ar įmanoma kaip nors paprasčiau?

Parašė sidicer· 2011 Geg. 2 20:05:55
#1

Sveiki.
Rašiau aš kodą tokį ir iškilo bėda:
Labai daug reikia rašyt ir tą patį per tą patį.
Įmanoma tai kaip nors sutrumpinti ?

<script>
	$(document).ready(function()
	{
		$('div.1').hide();
		$('div.2').hide();
		$('div.3').hide();
		$('div.4').hide();
		$('div.5').hide();
		$('div.6').hide();
 
		$('a.1').click(function(){ 
		        $('div.1').show('slow'); 
			$('div.2').hide('slow');
			$('div.3').hide('slow');
			$('div.4').hide('slow');
			$('div.5').hide('slow');
			$('div.6').hide('slow');
		});
		$('a.2').click(function(){ 
			$('div.2').show('slow'); 
			$('div.1').hide('slow');
			$('div.3').hide('slow');
			$('div.4').hide('slow');
			$('div.5').hide('slow');
			$('div.6').hide('slow');
		});
		$('a.3').click(function(){ 
			$('div.3').show('slow'); 
			$('div.1').hide('slow'); 
			$('div.2').hide('slow');
			$('div.4').hide('slow');
			$('div.5').hide('slow');
			$('div.6').hide('slow');
		});
		$('a.4').click(function(){ 
			$('div.4').show('slow');
			$('div.1').hide('slow'); 
			$('div.2').hide('slow');
			$('div.3').hide('slow');
			$('div.5').hide('slow');
			$('div.6').hide('slow'); 
		});
		$('a.5').click(function(){ 
			$('div.5').show('slow'); 
			$('div.1').hide('slow'); 
			$('div.2').hide('slow');
			$('div.3').hide('slow');
			$('div.4').hide('slow');
			$('div.6').hide('slow');
		});
		$('a.6').click(function(){ 
			$('div.6').show('slow');
			$('div.1').hide('slow'); 
			$('div.2').hide('slow');
			$('div.3').hide('slow');
			$('div.4').hide('slow');
			$('div.5').hide('slow');
		});
 
	});
</script>

Redagavo ozzWANTED· 2011 Geg. 3 02:05:41