evitar que age muchos efectos

yense · #1 (**permalink**) 01/04/2011, 16:38

Estaba biendo su ejemplo de toggle

asi como se ve

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  <style>
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
  <button>Toggle 'em</button>
 
<p>Hiya</p>
<p>Such interesting text, eh?</p>
<script>
$("button").click(function () {
$("p").toggle("slow");
});    
</script>
 
</body>
</html>

este va funcionar las veces que se le hizo click

pero no hay alguna manera de que solo funcione una vez por ejemplo

cuando age el primer click el button cambie de nombre a ON y cuando age el segundo click el button cambie a OFF

cosa que cuando el button esta en ON solo muestra una ves sin mas efectos y en OFF este desaparesca sin hacer mas efectos

Dany_s · #2 (**permalink**) 04/04/2011, 06:07

algo asi?

Código Javascript:

Ver original$('button').toggle( function(){
    $(this).text("Off");
    $('p').hide();
},  function(){
    $(this).text("On");
    $('p').show('slow');
});