hola, necesito hacer una especie de indice (con muchos divs)con el efecto fadein fadeout para ello emplee jquery pero solo me funciona para un div, y yo quiero agregar mas div que posean este efecto que se active independientemente por medio de un boton. he probado de todo pero no me funciona..
a continuacion les muestro mi codigo que es el que funciona para solo un div:
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" id="botonpruebafade" value="Mostrar div" style="font-size:14px;cursor:pointer;margin:15px;padding:5px;"/>
<div id="divquesemuestra" style="background:#000000;display:none;width:100px;height:100px;"></div>
</body>
</html> me pueden ayudar?