Nascondere un div di default

Ho un div che dovrebbe essere visualizzato solo quando l'utente fa clic sul pulsante ShowNascondere un div di default

$("div.toshow").show();

ho scritto nel corpo

<body> 

<div class="toshow"> 
</div> 
</body>

modo di default quando la pagina viene visualizzato tutto questo contenuto è visto l'utente. C'è un modo per nasconderlo in modo predefinito?

fonte

2013-04-29 The Learner

Sì, è possibile utilizzare style come questo:

<div class="toshow" style="display:none"></div>

fonte

2013-04-29 05:54:52

Si prega di evitare CSS in linea. – Lasse

Beh, lo stava chiedendo. : D –

$('#myDiv').hide(); 

$("myDiv").css("visibility", "hidden"); 

.toshow { 
    visibility:hidden; 
    display:none; 
}

fonte

2013-04-29 05:51:09 NINCOMPOOP

Non voglio fare in css. c'è un modo che faccio nel –

Perché usare jquery mentre si può fare css diretto? –

È possibile utilizzare i CSS display:

.toshow 
{ 
    display: none; 
}

fonte

2013-04-29 05:51:52

È possibile utilizzare uno schermo o Visibilità

display:none|block|etc.. // This will not preserve the space for the div. 
visibility:visible|hidden //This will preserve the space for the div but wont be shown.

Se si utilizza visualizzare il $("div.toshow").show(); causerà il vostro elemento di saltare come lo spazio non è stato preservato per questo. Ciò non accadrà con Visibility.

Un modo per farlo è avere il vostro dispay assegnato alla classe di

.toshow 
{ 
    display:none; 
}

nello script: -

$("div.toshow").show();

o solo fornire: -

<div class="toshow" style="display:none;">... 

$("div.toshow").show();

Quando si fai un .show() jquery aggiunge solo display:block stile in linea al tuo markup.

fonte

2013-04-29 05:52:58 PSL

.toshow{ 
     display:none; 
    }

.toshow{ 
     visibility:hidden; 
     }

fonte

2013-04-29 05:53:37

di farlo nel corpo:

<body> 

<div class="toshow" style="display:none"> 
</div> 

</body>

Anche se vorrei evitare in linea css

fonte

2013-04-29 05:56:10 basarat

-3

È possibile utilizzare jQuery per modificare gli stili CSS della classe 'toshow' aggiungendo "display: none". per esempio

$(function(){ 
    $('.toshow').css("display", "none"); 
});

fonte

2017-05-25 10:46:04 Priyangna

Si prega di cercare di evitare di scaricare semplicemente il codice come risposta e cercare di spiegare cosa fa e perché. Il tuo codice potrebbe non essere ovvio per le persone che non hanno esperienza di codifica rilevante. Modifica la risposta per includere [chiarimento, contesto e cercare di menzionare eventuali limitazioni, ipotesi o semplificazioni nella risposta.] (Https://stackoverflow.com/help/how-to-answer) – Frits

Grazie a tutti, per avermi aiutato per migliorare la mia risposta, ma la domanda è stata cambiata quando ho risposto su di esso. Ho cambiato la mia risposta in base al nuovo problema.:) – Priyangna

Anche dopo aver modificato la tua risposta per aver usato 'jQuery' obsoleto, non dovresti influire sullo stile dell'attributo quando usi jQuery dovrebbe usare la funzione di modifica' css' –

Nascondere un div di default

risposta

Problemi correlati