Question

所以我有导航栏，顶部有一个搜索栏。当你想搜索时它会出现。当你完成它后，它会滑回来。问题是，我无法让它滑回来，我只能让它滑下来。这是我的代码

$(document).ready(function(){
$(".icon-search").click(function(){
      $(".slip").toggleClass("slip-open"); 
      $("#FORM_1").removeAttr("style");
});

使用CSS和标记http://jsfiddle.net/FjwPZ/2/

进行演示

您会看到搜索栏向下滑动，但没有备份。任何帮助都会很棒。

Answer 1

使用toggle()代替removeAttr

切换每组匹配的元素。如果显示，则切换让他们隐藏起来。如果它们被隐藏，则切换会显示它们。

试试这个：

$(document).ready(function(){
$(".icon-search").click(function(){
      $(".slip").toggleClass("slip-open"); 
      $("#FORM_1").toggle();
});

<强> JSFiddle Demo

无法通过搜索栏重新上线

1 个答案: