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
Parašė ozzWANTED· 2011 Geg. 3 02:05:27
#4
Nesupratau kam užrakino, kai galima pateikti daugiau atsakymų (diskusija neišsemta ir neparvirto į feimą, tai rakinimo atveju neapibrėžia).
Temos autoriui:
for(var i=1;i<=6;i++)
{
$('div.'+i).hide();
}
for(var i=1;i<=6;i++)
{
$('a.'+i).click(function(){
$('div.'+i).show('slow');
for(var j=1;j<=6;j++)
{
if(j != i)
{
$('div.'+j).hide('slow');
}
}
});
}
Redagavo ozzWANTED· 2011 Geg. 3 02:05:50