Ciao ragazzi,
sto cercando di realizzare una pagina in cui ci sono due pulsanti che fanno scomparire e apparire due div.
Il problema è che quando faccio comparire il div (che di default è nascosto da css), esso compare per un istante e poi svanisce.
Ecco il codice
codice:<html> <head> <link href="stile.css" rel="stylesheet" type="text/css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#tasto_sx").click(function(){ $("#div2").show(); }); }); </script> </head> <body> <div id="bottoni"> <div id="sx"> <a id="tasto_sx" href=""> Apple </a> </div> <div id="dx"> <a id="tasto_dx" href=""> Android </a> </div> </div> <div id="div1"> </div> <div id="div2"> </div> </body> </html>
Il css invece è:
codice:#bottoni{ width:800px; height:100px; } #sx{ width:50%; float:left; height:100px; background:#fcf; } #dx{ width:50%; float:left; height:100px; background:#ddd; } #div1{ clear:left; width:800px; height:200px; background:fcf; } #div2{ clear:left; width:800px; height:200px; background:#ddd; display:none; }
Grazie in anticipo a chiunque voglia aiutarmi!
Rispondi quotando