Changer css via jQuery après un clic sur un div

Le code ci-dessous ne fonctionne pas. Y at-il quelque chose qui cloche dans ce code, lorsque je clique sur div.first, il doit afficher div.second et qu’un clic à nouveau ne le ferait afficher aucun.

Html

some text
bunch of text

Css

 .second{display=none;} 

Jquery

  $('.first').click(function() { $('.second').css('display', 'block'); }); 

Merci d’avance

Utilisez $.toggle() pour basculer l’ display

 $('.first').click(function() { $('.second').toggle(); }); 
 .second{display=none;} 
  
some text
bunch of text

Il est préférable d’utiliser des classes pour masquer et afficher des éléments.

HTML

 
some text
bunch of text

CSS

 .div-hide{display:none} 

JQUERY

 $('.first').click(function() { if ($('.second').hasClass('div-hide')) { $('.second').removeClass('div-hide'); } else { $('.second').addClass('div-hide'); } }); 

Dans votre JQuery, vous avez oublié la période devant le second

 $('.first').click(function() { $('.second').css('display', 'block'); }); 

Utilisez $('.second').toggle();

  $('.first').click(function() { $('.second').toggle(); }); 
 .second{display=none;} 
  
some text
bunch of text

Vous avez simplement besoin de ça

 $('.first').click(function() { $('.second').toggle(); }); 

Voici un exemple

 $('.first').click(function() { $('.second').toggle(); }); 
  
some text
bunch of text