SlideUp Fonction sur Jquery

Question

J'ai une fonction de glisser vers le haut et une baisse sur mon script, tout fonctionne. Le problème est que les DIVs s'effondrent et ne sont pas cachés comment serais-je capable de cacher les divs au démarrage de la page. J'ai essayé de placer le DIV à caché mais pas de chance avec ça.

Answer 1

Supposons que vous ayez ces divs:

<div id="div_id">Some Content</div> 
<div id="div_id2">Some More Content</div> 

Voici comment vous pouvez les cacher d'abord sur:

Avec CSS:

div#div_id 
{ 
    display:none; 
} 

div#div_id2 
{ 
    display:none; 
} 

/* and so on */ 

Ou avec jQuery:

$(function(){ 
    $('div#div_id').hide(); 
    $('div#div_id2').hide(); 
    // and so on 
}); 

Answer 2

A « démarrage » les DIVs devraient déjà être cachés par les styles en ligne:

<div style="display:none">...<.div> 

Answer 3

Comme déjà mentionné, vous devez cacher votre élément avant de pouvoir être coulissé vers le haut.

Mais c'est une mauvaise pratique de cacher les divs en CSS, il vaut mieux utiliser JavaScript pour les cacher en charge, c'est parce que beaucoup d'utilisateurs bloquent JavaScript lorsqu'ils naviguent sur le web.

Si vous masquez vos divs dans CSS, les utilisateurs avec JavaScript bloqué ne pourront pas voir votre contenu du tout, mais ils pourront tout voir si vous cachez des éléments avec JavaScript en charge.