Effetto jquery $("#div").show(); mostra il Div solo per un istante e poi scompare

**playbasfa** · 07-10-2014, 12:24

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!

**Xinod** · 07-10-2014, 18:59

non lasciare gli href vuoti, a mali estremi punta ad #

nella funzione al click puoi prevenire l' esecuzione del link con un return false prima di chiudere la funzione o, meglio, con

codice:

$("#tasto_sx").click(function(e){
   e.preventDefault();
   ...
}

ciao

Discussione: Effetto jquery $("#div").show(); mostra il Div solo per un istante e poi scompare

Strumenti discussione

Ricerca discussione

Visualizza

Effetto jquery $("#div").show(); mostra il Div solo per un istante e poi scompare

Permessi di invio