Autor Zpráva
Janča N.
Profil
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
  <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")
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: