Afisare / Ascundere elemente cu jquery

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
lauma
Mesaje:16

Afisare / Ascundere elemente cu jquery

Buna seara,
as vrea sa implementez urmatorul joc folosind jquery:
am un tabel ce contine un numar par de elemente care sunt initial ascunse...si as vrea ca in momentul in care utilizatorul face click pe o casuta aceasta sa devina vizibila. In momentul in care efectueaza click si pe cea de-a doua casuta sa ramana vizibile amandoua doar in cazul in care ambele numere sunt egale, altfel sa se ascunda amandoua din nou.
Cum ascund si cum fac vizibile elementele tabelului? Ma puteti ajuta cu ceva secvente de cod?
Multumesc

MarPlo Mesaje:4343
Salut,
Daca vrei sa inveti cum se afiseaza si se ascund elemente in pagina web cu jQuery, te poate ajuta lectia: Efecte jQuery simple de ascundere si afisare.

sergiu Mesaje:2
buna,

sunt nou pe aici, vreau si eu sa fac urmatorul lucru:

am intr-un formular html un checkbox iar cand este bifat acesta vreau sa-mi afiseze doua sau mai multe elemente care initial au style: display:none, iar cand este debifat sa ascunda respectivele elemente.

am incercat exemplele din link-ul de mai sus dar nu functioneaza...ce imi scapa?

multumesc anticipat

MarPlo Mesaje:4343
Salut
Exemplele din link-ul dat mai sus nu sunt cu checkbox.
Daca postezi si codul pe care l-ai scris, poate e cineva care stie raspunsul cum sa functioneze.

sergiu Mesaje:2
asa am procedat

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
$('#ex5btn').click(function() {
    $('#ex5').toggle(800, function() {
      if ($('#ex5').is(':visible')) {
        $('#ex5btn').text('Ascunde');
      } else {
        $('#ex5btn').text('Afiseaza');
      }
    });
  });
});
--></script>
si codul html

Cod: Selectaţi tot

<input type="checkbox" id="ex5btn" />
<div class="apare">
<div style="display: none;" id="ex5">Continut care va fi ascuns si iar facut vizibil.</div>
</div>
ideea este sa-mi afiseze toate elementele care au id="ex5"
Nu ma pricep deloc la jquery.... :(

MarPlo Mesaje:4343
Ca sa verifici daca un checkbox e selectat, se foloseste:

Cod: Selectaţi tot

if($('#id_buton').is(':checked'))
- Returneaza True daca butonul cu id="id_buton" e bifat.

Pentru afisare element se poate folosi functia show(), iar pentru ascundere: hide() .

Pentru ceea ce vrei sa obtii, cred ca merge codul acesta (vezi diferentele):

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
$('#ex5btn').click(function() {
    if($('#ex5btn').is(':checked')) {
      $('#ex5').show();
    }
    else {
      $('#ex5').hide();
    }
  });
});
--></script>
<input type="checkbox" id="ex5btn" /> Check
<div class="apare">
<div style="display: none;" id="ex5">Continut care va fi ascuns si iar facut vizibil.</div>
</div>
- Nici eu nu prea stiu jQuery, dar pe site e un Curs jQuery, la sectiunea JavaScript, pt cine vrea sa invete.

Subiecte similare