Question

我有一个按钮，当我点击它时，我所拥有的是新元素“掉入”。所以我想要做的就是当你再按它它会回来。基本上淡出了。这是我到目前为止所拥有的\

$(".icon-search").click(function(){
    $(".search").css('height', '100px')
});

当您点击图标时，黑色形状会转到100px。而我想要做的就是通过再次点击它来摆脱它。我在网上看过其他东西，但似乎都没有。

Answer 1

.toggleClass()会帮你解决问题。

.toggleClass()：

在集合中的每个元素中添加或删除一个或多个类匹配的元素，取决于类的存在或 switch参数的值。

JavaScript ：

$(".icon-search").click(function(){
    $(".search").toggleClass("doHeight");
});

CSS ：

.doHeight{
 height:100px;   
}

有关使用.toggleClass()点击here

的详细信息

第二个选项：

使用.toggle()参考：toggle

JS：

$( "div" ).click(function() {
  $( ".search" ).toggle( "slow" );
});

Answer 2

使用toggleClass功能设置CSS。在此示例中，我将CSS添加到toggle类

试试这个：

<强> JQuery的：

$(".icon-search").click(function(){
    $(".search").toggleClass('toggle')
});

<强> CSS：

.toggle{
    height:100px;
}