Question

我正在使用此插件http://www.cssnewbie.com/equalheights-jquery-plugin/给我相等的列高，以便我可以将div粘贴到右侧边栏的底部。

它工作正常，但在我的一些页面中，我使用的是jQuery手风琴滑块，这意味着即使它被隐藏，手风琴中也包含很多信息。

问题是equheights插件似乎没有意识到这个信息是隐藏的，因此匹配主列的高度，好像手风琴中的所有信息都被显示，因此给了我一个非常长的侧边栏和一个简短的主要内容div（因为信息在手风琴抽屉中被关闭）。

任何人都可以告诉我如何解决这个问题吗？

这是我的js -

 //functions to be executed on page load
$(function(){

 //Open all links with rel="external" in new window
 $('a[rel="external"]').click( function() {
   window.open( $(this).attr('href') );
   return false;
    });


 //Alternate Table Colours
    $(function(){
    $("tr:odd").addClass("odd");
 });

 //Equal Column Heights
    $(function(){
 $('#primary-content,#secondary-content').equalCols();
 });

在使用手风琴的页面的头部我有这个代码 -

<script type="text/javascript">
$().ready(function(){
 $('#list1b').accordion({
  autoheight: false
 });
});

任何帮助非常感谢！谢谢！

Answer 1

这是一个适合我的解决方案！ Jquery accordion not removingClass and not swapping its Expand text for Collapse

另一个stackoverflow成员帮助我改进了我的无序列表手风琴然后我做了一些调整，使用相同的插件使两列具有相同的高度，并且当手风琴时列扩展。当手风琴扩展时，我试图让两个列均匀扩展，但至少在页面加载时两个列都相等

Answer 2

我已经通过这种方式完成了类似的工作。

您需要默认打开手风琴，所以如果javascript不可用，那么您会看到所有内容都已展开。
现在您需要让equalHeight检测列的高度，并展开所有内容。通过这种方式，页面很高，适合内容。
然后添加折叠的类以折叠手风琴。

唯一的缺点是页面将与扩展的所有内容一样高。当你展开和崩溃时它不会调整。

使用等高柱的问题＆amp; jQuery手风琴

2 个答案: