JQuery可折叠面板一起工作

我有关于使用JQuery可折叠面板的这个简单问题。我有一个左侧面板（从上到下），其中包含一个菜单和一个包含表单元素的底部面板。
左侧和底部面板均为collapsibe，不得重叠。事情是，当我折叠左面板的底部面板应扩大到全宽，反之亦然。JQuery可折叠面板一起工作

任何人都可以指出我的任何示例吗？我找不到一个。谢谢

来源

2013-05-06 user2061796

磕磕....这里是你的辉煌示例代码迄今为止尝试过？ – Rohit416 2013-05-06 11:56:53

你可以做一个小提琴，让我们可以清楚你的概念吗？ – 2013-05-06 11:58:12

首先，你的问题不是很清楚，概念是模糊的。但为了达到你的要求，你应该使用jQuery UI，动画应该是accordian()。这也可以通过组合slideUp() & slideDown()函数来实现。

下面是一个div元素的示例点击事件，我使用toggle & slideUp（）。

//click function for expanding event 
$(document).on('click',".bill-description",function() 
{ 
    //close all elements other than the clicked one 
    $("element list").not($(this).next("clicked element")).slideUp(600); 
    //open the clicked element 
    $(this).next("clicked element").slideToggle(600); 

});

上述功能是为自定义手风琴效果而编写的。要知道手风琴效果，请阅读this.

第一行用于关闭所有未单击的元素。因此not。然后第二个用于打开点击的元素。

来源

2013-05-06 12:11:23

你在使用一些手风琴/折叠插件（即：jQueryUI）吗？

如果你只是想使用jQuery这可以使用.show()，.hide()和/或.toggle()做..

$('.btn').click(function(){ 
    $('#panel1,#panel2').toggle(); 
})

Demo

来源

2013-05-06 12:23:09 ZimSystem

嘿，那里，谢谢你的直接答案。它就像放置演示的站点一样，但左侧面板一直到底部，底部面板应该调整到左侧面板的宽度 – user2061796 2013-05-07 12:51:25

是的，您需要演示以获得它你想要的方式。它旨在演示2个折叠面板。 – ZimSystem 2013-05-07 13:23:34

JQuery可折叠面板一起工作

回答

相关问题