Autor | Zpráva | ||
---|---|---|---|
Nat Profil * |
#1 · Zasláno: 28. 7. 2010, 10:29:10
V javascriptu moc chodit neumím a proto prosím o radu, jak napsat toto pomocí cyklu, aby nezáleželo na tom kolik prvků bude třeba skrýt.
<script type="text/javascript"> $(document).ready(function(){ $("#size1,#size2,#size3").css("display","none"); $("#1,#2,#3").click(function(){ if ($("#1").is(":checked")) { $("#size1").show("fast"); $("#size2,#size3").hide("fast"); } else if ($("#2").is(":checked")) { $("#size2").show("fast"); $("#size1,#size3").hide("fast"); } else if ($("#3").is(":checked")) { $("#size3").show("fast"); $("#size1,#size2).hide("fast"); } else { $("#size1,#size2,#size3").hide("fast"); } }); }); </script> Díky |
||
Nat Profil * |
#2 · Zasláno: 28. 7. 2010, 11:31:05
Tak už jsem se dopracoval k tomuto, stále však nevím jak donutit ke skrytí všechny ostatní prvky, které končí jiným číslem než má právě aktivní radio button.
$(document).ready(function(){ $("div[class ^= size]").css("display","none"); $(":radio").click(function(){ if ($(this).is(":checked")) { var show_text = ".size" + $(this).attr("id"); $(show_text).show("fast"); $(".size2,.size3").hide("fast"); } }); }); |
||
Nat Profil * |
#3 · Zasláno: 28. 7. 2010, 11:46:37
A je to vyřešeno, případné připomínky či vylepšení vítám:
$(document).ready(function(){ var pocet = 5; $("div[class ^= size]").css("display","none"); $(":radio").click(function(){ if ($(this).is(":checked")) { var show_text = ".size" + $(this).attr("id"); $(show_text).show("fast"); for(c = 0; c =< pocet; c++) { if (c != $(this).attr("id")) { var hide_text = hide_text + ".size" + c + ","; } } $(hide_text).hide("fast"); } }); }); |
||
Časová prodleva: 14 let
|
0