Javascript 用Jquery隐藏

Javascript 用Jquery隐藏,javascript,jquery,css,Javascript,Jquery,Css,我希望这个div能被隐藏起来,我能想出办法。现在的设置方式是当我点击aboutclick和contactclick时,thumb就会消失。我希望它向上滑动并消失 有人知道怎么做吗 $(document).ready(function(){ $(".thumb").hide(); $("#aboutclick, #contactclick").show(); $("#aboutclick, #contactclick").click(function(){ $(".thumb"

我希望这个div能被隐藏起来,我能想出办法。现在的设置方式是当我点击aboutclick和contactclick时,thumb就会消失。我希望它向上滑动并消失

有人知道怎么做吗

$(document).ready(function(){
  $(".thumb").hide();
  $("#aboutclick, #contactclick").show();
  $("#aboutclick, #contactclick").click(function(){
    $(".thumb").hide();
  });
});

使用.toggle,然后使用.hide

使用.toggle,然后使用.hide

您可以为此功能设置动画。像这样,

$(".thumb").animate({height:0,opacity:0},1000,function(){$(".thumb").hide()})

您可以为此功能设置动画。像这样,

$(".thumb").animate({height:0,opacity:0},1000,function(){$(".thumb").hide()})
使用jQuery的函数来实现这一点。这也需要时间

此函数的名称准确地描述了要执行的操作,向上滑动对象,并隐藏对象,因为其高度将变为零。还有另一个名为的函数,其作用相反,并与此动画匹配。另外,当您已经不知道对象的当前状态,只想切换它时,另一个名为的函数也可能变得更方便。

使用jQuery函数来实现这一点。这也需要时间

$(document).ready(function () {
    $(".thumb").hide();
    $("#aboutclick, #contactclick").show();
    $("#aboutclick, #contactclick").click(function () {
        $(".thumb").hide(1000);
    });
});

此函数的名称准确地描述了要执行的操作,向上滑动对象,并隐藏对象,因为其高度将变为零。还有另一个名为的函数,其作用相反,并与此动画匹配。另外,当您不知道对象的当前状态,只想切换它时,另一个名为的函数也可能变得更方便。

我不想切换它。只要隐藏。你可以在它被切换后隐藏它,这有类似的效果。我可以这样做,而不必导入Jquery UI,除非您已经有了。$document.readyfunction{$.thumb.hide;$aboutclick,contactclick.show;$aboutclick,contactclick.click函数{$.thumb.toggle;.hide;};我不想让它切换。只要隐藏。你可以在它被切换后隐藏它,这有类似的效果。我可以这样做,而不必导入Jquery UI,除非您已经有了。$document.readyfunction{$.thumb.hide;$aboutclick,contactclick.show;$aboutclick,contactclick.click函数{$.thumb.toggle;.hide;};这正是我需要的。非常感谢!这正是我需要的。非常感谢!
$(document).ready(function () {
    $(".thumb").hide();
    $("#aboutclick, #contactclick").show();
    $("#aboutclick, #contactclick").click(function () {
        $(".thumb").hide(1000);
    });
});