Autor | Zpráva | ||
---|---|---|---|
Janča N. Profil |
#1 · Zasláno: 5. 3. 2012, 22:09:56
Ahoj, zkouším docílit toho, aby se mi po zaškrtnutí checkboxu objevil obsah.
Zatím mám přibližně toto: <form action=""> <input type="checkbox" class="chk" name="check" /> </form> <p id="hidCont">Zde bude obsah, který se bude rozbalovat</p> <script> $('.chk').click(function() { if( $('.chk:checked').length > 0 ) { $("#hidCont").show("slow"); } else { $("#hidCont").hide("slow"); } }); </script> Což funguje (skrývá se a objevuje) až na to, že je defaultně <p id="hidCont"> viditelný. Jak docílím toho, aby se tento obsah objevil až po zaškrtnutí checkboxu? Tedy aby nebyl defaultně vidět? Díky za rady. |
||
Bronzi Profil |
#2 · Zasláno: 5. 3. 2012, 22:46:51
<p id="hidCont" style="display:none">Zde bude obsah, který se bude rozbalovat</p> Popřípadě si to napiš rovnou do externího stylopisu. A jen tak na okraj. Ta tvoje konstrukce $('.chk:checked').length > 0 je docela zábavná. Celé se to dá zapsat takto: $('.chk').click(function() { if(this.checked) { $("#hidCont").show("slow"); } else { $("#hidCont").hide("slow"); } |
||
pcmanik Profil |
Bronzi:
Alebo to mozme zapisat este jdnoduchsie: $('.chk').click(function() { $("#hidCont").toogle("slow") } |
||
Časová prodleva: 12 let
|
0