Bene.Possiamo eccome
Dovrai comunque assicurarti che qualsiasi id sia univoco dentro il tuo documento, a prescindere dall'uso che ne fai. In alternativa si utilizzano, appunto, le classi.Ogni blocco div contenitore della singola preview possiede un id univoco, ma non posso dire lo stesso per quanto riguarda i div contenuti al suo interno
Ti posto un esempio con jQuery. Fammi sapere se, più o meno, è quello che intendevi o se ti serve altro:
codice:<!DOCTYPE HTML> <html> <head> <title>Esempio</title> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <style type="text/css"> /* giusto un po' di style */ .switchbox{ margin:5px; padding:10px; width:500px; height:50px; background:Tan; } .element1{ background:Orange; } .element2{ background:Beige; } </style> <script type="text/javascript"> $(function(){ $(".switchbox").hover(function(){ // all'evento hover (in e out) del div contenitore $(".element1,.element2",this).stop().slideToggle(150); // applico il toggle ai due elementi figli }).children(".element2").hide(); // nascondo inizialmente il secondo elemento }) </script> </head> <body> <div class="switchbox"> BOX 1 <div class="element1">This one is the first element</div> <div class="element2">This one is the second element</div> </div> <div class="switchbox"> BOX 2 <div class="element1">This one is the first element</div> <div class="element2">This one is the second element</div> </div> <div class="switchbox"> BOX N <div class="element1">This one is the first element</div> <div class="element2">This one is the second element</div> </div> </body> </html>
Rispondi quotando
