Javascript 单击div后通过jquery更改css

下面的代码不起作用，当我单击div.first时，该代码是否有任何错误，它必须显示div.second，再次单击应使其显示none

Html

Jquery

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

---

提前感谢

在JQuery中，您忘记了秒前的句点

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

使用

$.toggle（）

切换

显示

$（'.first'）。单击（函数（）{
$（'.second'）.toggle（）；
});
.second{display=none；}

一些文本
一堆文本
使用
$（'.second'）.toggle（）


$（'.first'）。单击（函数（）{
$（'.second'）.toggle（）；
});
.second{display=none；}

一些文本
一堆文本
您只需要这个

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

这里有一个例子
$（'.first'）。单击（函数（）{
$（'.second'）.toggle（）；
});

一些文本
一堆文本
最好使用类来隐藏和显示元素

HTML

JQUERY

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

丢失的更改此
$（'second'）.css（'display'，'block'）到
$（'.second'）.css（'display'，'block'）这是一个输入错误，不是真正的问题，顺便说一句，谢谢
$('.first').click(function() {
  $('.second').toggle();
});

<div class="first">some text</div>
<div class ="second div-hide">bunch of text</div>

.div-hide{display:none}

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