jQuery可折叠插件:如何切换全部打开/全部关闭

muk1a3rh  于 2022-12-03  发布在  jQuery
关注(0)|答案(2)|浏览(139)

http://github.com/juven14/Collapsiblehttp://www.snyderplace.com/demos/collapsible.html显示器
而不是两个链接“打开所有”和“关闭所有”我只想一个链接切换。

ldxq2e6h

ldxq2e6h1#

jquery.collapsible.js API附带了一个toggle方法:
以下是插件提供的方法:

  • cssClose -关闭时分配的类
  • collapted-如果元素已折叠,则返回'true'
    *切换-切换可折叠状态
  • open -打开折叠式
  • close -关闭折叠式
function toggle() {
    $('.page_collapsible').collapsible('toggle');
}

$('#toggle').click(function(event) {
    event.preventDefault();
    toggle();
});
qni6mghb

qni6mghb2#

你需要设置一个变量,比如var open = false;。每次点击一个链接,检查opentrue还是false。现在你知道了,应该执行哪个操作, -如果是!open,则全部打开;如果是open,则全部关闭。不要忘记每次都更改open = !open的值,这样操作也会随之改变。

相关问题