jQuery中使用切换()函数的一个例子
今天有一个有趣的例子,它被记录下来。一个一级菜单,其中有一个两级菜单,二级菜单通过锚链接到页面元素。你想要实现的效果是当锚点击时,页面链接到相应的锚点,两级菜单被隐藏,然后单击第一级菜单,然后继续。
有许多方法可以做到这一点。最后,通过读取jQuery的切换功能来实现。
它可以写
Toggle(函数(){)
$(内容)的SlideToggle();
});
这不能写
Toggle(函数(){)
$(内容)的SlideDown();
}函数(){()
$(内容)的SlideUp();
});
它也可以写
Click(函数(){)
$()。Toggle(慢);
});
还附加到描述使用切换()
切换(FN,FN)
切换到每次单击时要调用的函数。
如果单击匹配的元素,则触发指定的第一个函数,当再次单击相同的元素时,指定的第二个函数被触发,随后的每一个单击重复两个函数的旋转。
你可以使用绑定(点击)删除。
返回值
jQuery
参数
FN(函数):单击奇数点击时要执行的函数。
FN(函数):在偶数点击时执行的函数。
样品
将类切换到表
jQuery代码:
美元()。Toggle(
函数(){
$(这)。AddClass(选择);
},
函数(){
$(这)。RemoveClass(选择);
}
);
只有当你点击切换添加的时候:所以,鼠标悬停只在事件的发生和退出,不要介意。两个可以一起使用。