jQuery中使用切换()函数的一个例子

今天有一个有趣的例子,它被记录下来。

一个一级菜单,其中有一个两级菜单,二级菜单通过锚链接到页面元素。你想要实现的效果是当锚点击时,页面链接到相应的锚点,两级菜单被隐藏,然后单击第一级菜单,然后继续。

有许多方法可以做到这一点。最后,通过读取jQuery的切换功能来实现。


它可以写
Toggle(函数(){)
$(内容)的SlideToggle();
});
这不能写
Toggle(函数(){)
$(内容)的SlideDown();
}函数(){()
$(内容)的SlideUp();
});
它也可以写
Click(函数(){)
$()。Toggle(慢);
});




还附加到描述使用切换()

切换(FN,FN)



切换到每次单击时要调用的函数。

如果单击匹配的元素,则触发指定的第一个函数,当再次单击相同的元素时,指定的第二个函数被触发,随后的每一个单击重复两个函数的旋转。

你可以使用绑定(点击)删除。

返回值

jQuery

参数



FN(函数):单击奇数点击时要执行的函数。

FN(函数):在偶数点击时执行的函数。

样品



将类切换到表

jQuery代码:


美元()。Toggle(
函数(){
$(这)。AddClass(选择);
},
函数(){
$(这)。RemoveClass(选择);
}
);




只有当你点击切换添加的时候:所以,鼠标悬停只在事件的发生和退出,不要介意。两个可以一起使用。