Ver Mensaje Individual
  #3 (permalink)  
Antiguo 31/01/2013, 14:32
darkling_
 
Fecha de Ingreso: agosto-2009
Mensajes: 26
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: efecto fadein fadeout en muchos divs

no, lo he probado y sigue sin responder :(

Código HTML:
<html>
<head>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

<script type="text/javascript">
  $(document).ready(function(){
   $("#botonocultamuestra").click(function () {
      $("#divocultamuestra").each(function() {
        displaying = $(this).css("display");
        if(displaying == "block") {
          $(this).fadeOut('slow',function() {
           $(this).css("display","none");
          });
        } else {
          $(this).fadeIn('slow',function() {
            $(this).css("display","block");
          });
        }
      });
    });
  });
  </script>
</head>
<body>

<input type="button" class="botonpruebafade" id="n" value="Mostrar div" style="font-

size:14px;cursor:pointer;margin:15px;padding:5px;"/>

<div class="divquesemuestra" id="k"  style="background:#000000;display:none;width:100px;height:100px;"></div>

</br></br>


<input type="button" class="botonpruebafade" id="s" value="Mostrar div" style="font-

size:14px;cursor:pointer;margin:15px;padding:5px;"/>

<div class="divquesemuestra" id="l"  style="background:#000000;display:none;width:100px;height:100px;"></div>



</body>
</html>