代码之家 › 专栏 › 技术社区 › matt

jquery toggle-在toggle函数之间切换?

toggle jquery

matt · 技术社区 · 14 年前

嘿伙计们,

我有一个名为搜索框的div,它取决于用户设置是隐藏的还是可见的。

如果我单击一个按钮,就会触发一个切换函数,应该是.slideDown()搜索框或.slideUp()搜索框。

 //if already visible - slideDown
//if not visible - slideUp
$('#searchboxtrigger').toggle(
  function(){
    $('#searchbox').slideDown('fast');
  },
  function(){
    $('#searchbox').slideUp('fast');
  }
);

实际上它已经很好地工作了,唯一的事情是toggle()中的第一个函数总是首先被触发,所以如果搜索框已经可见并滑动,它应该立即触发slideUp函数,反之亦然。

2 回复 | 直到 14 年前

Community CDub 12 年前

$('#searchboxtrigger').click( function(){
    $('#searchbox').slideToggle('fast');
  });

Quintin Robinson 14 年前

更改代码以包括 stop()

停止匹配元素上当前正在运行的动画。

//if already visible - slideDown
//if not visible - slideUp
$('#searchboxtrigger').toggle(
  function(){
    $('#searchbox').stop(true).slideDown('fast');
  },
  function(){
    $('#searchbox').stop(true).slideUp('fast');
  }
);

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前