jQuery et CSS - Supprimer/Ajouter display:none

Question

J'ai un div avec cette classe :

.news{
  width:710px; 
  float:left;
  border-bottom:1px #000000 solid;
  font-weight:bold;
  display:none;
}

Et j'aimerais avec certaines méthodes jQuery supprimer display:none; (donc la div sera montré) et que de l'ajouter à nouveau (si la div sera l'ombre).

Comment puis-je le faire? Cheers

Answer 1

Pour masquer l' div

$('.news').hide();

ou

$('.news').css('display','none');

et pour montrer l' div:

$('.news').show();

ou

$('.news').css('display','block');

Answer 2

jQuery vous permet de:

$(".news").hide();
$(".news").show();

Vous pouvez facilement afficher et de masquer les élément(s).

Answer 3

En JavaScript:

getElementById("id").style.display = null;

En jQuery:

$("#id").css('display',null);

Answer 4

Donc, laissez-moi vous donner un exemple de code:

<div class="news">
Blah, blah, blah. I'm hidden.
</div>

<a class="trigger">Hide/Show News</a>

Le lien sera le déclencheur pour afficher le div lorsque l'utilisateur clique dessus. Afin que votre Javascript est:

$('.trigger').click(function() {
   $('.news').toggle();
});

Vous êtes presque toujours préférable de laisser jQuery gérer le style pour le masquage et l'affichage des éléments.

Edit: je vois des personnes ci-dessus sont de recommander à l'aide de .show et .hide pour cette. .toggle vous permet de faire les deux avec un seul effet. Donc c'est cool.

Answer 5

Vous n'êtes pas à nous donner beaucoup d'informations mais en général cela pourrait être une solution:

$("div.news").css("display", "block");