Ripristinare da css contenitore nascosto con slidetoggle

[artex]

Ciao a tutti,
qualcuno sa come si fa da css a ripristinare a visibile un contenitore nascosto con javascript (con il metodo slidetoggle)?

mi serve il ripristino del contenitore con css in una media query

#contenitore{display: block;} // non mi funziona

Grazie a chi potrà rispondere

[ResianTaxidrive]

Se un elemento è stato nascosto impostando la regola
visibility:hidden

deve essere reso visibile impostando
visibility:visible

Il display:block funziona solo quando qualcosa è stato nascosto con display:none

[Mich_]

Si`, ma se e` stato nascosto da JS, probabilmente l'evento JS e` successivo all'interpretazione del CSS.

Pertanto credo che per mostrarlo sia necessario un altro evento JS successivo al primo (bottone da cliccare? / evento JS ritardato? / altro?).

[artex]

Grazie,
ho provato visibility:visible ma non va

però con ispeziona elemento vedo che l'azione slidetoggle assegna display: block; e display: none;
di tratterebbe di ripristinare da css quando entra nella media query il display: block;
ma non funzione nè dispay: block; nè visibility:visible;

qualche idea?

[ResianTaxidrive]

Se una regola css è stata impostata da JS, è ovvio che sempre via JS ne devi impostare un'altra.
Una regola css "normale", cioè settata in un file o anche inline, viene eseguita al caricamento della pagina e basta. Se poi interviene un JS con una nuova regola è chiaro che deve essere sempre un JS a eventualmente sovrascriverla.
Spiega meglio cosa devi fare e qual è l'evento che dovrebbe far mostrare l'elemento nascosto.

[artex]

Ciao Grazie per le risposte,
l'evento é la media query e agisce su tutti gli elementi della mia pagina tranne su quello nascosto con jquery slidetoggle.

quando raggiungo una larghezza predefinita voglio rendere di nuovo visibile il contenitore eventualmente nascosto l'evento
slidetoggle di jquery che ispezionandolo vedo che jquery semplicemente assegna il valore display: none; e display: block;

[artex]

scusa ho riletto e devo aver fatto un pò di confusione con il copia e incolla del testo, spero che si capisca

[ResianTaxidrive]

Secondo me devi quindi applicare una regola css via js in base all'evento resize della finestra facendo quindi una cosa tipo

$( window ).resize(function() {


  if ($( window ).width() > 400)
    $( "#tuoelemento ).css("display","block");


});

[artex]

Funziona,
grazie!