Script jQuery afisare / ascunde element

[george551]

salut,
As vrea la acest script o mica modificare: as dori ca initial textul sa fie ascuns apoi sa poata fi afisat.

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
  // cand se da click pe tag-ul cu id="btn"
  $('#btn').click(function() {
    // inverseaza starea elementului cu "#idd"
    $('#idd').toggle(800, function() {
      // schimba textul din buton, in functie de starea lui "#idd" 
      if ($('#idd').is(':visible')) {
        $('#btn').text('Ascunde');
      } else {
        $('#btn').text('Afiseaza');
      }
    });
  });
});
--></script>
<div id="idd">Continut care va fi ascuns si iar facut vizibil.</div>
<button id="btn">Hide</button>

Saut
Se poate ascunde un element in pagina folosind CSS style: display: none; , doar il adaugi in acel tag, sau in fisier extern .css (vezi lectiile de la Cursul CSS de pe site).

Cod: Selectaţi tot

<div id="idd" style="display:none;">Continut care va fi ascuns si iar facut vizibil.</div>
<button id="btn">Afiseaza</button>