我正在使用jQuery來擴展一個div來顯示更多的信息（這是一個div）。但是，當我點擊「顯示更多」鏈接時，我怎麼能這樣做，所以它也會擴展div？jQuery/HTML擴展DIV

這裏是我的項目的預覽：http://i55.tinypic.com/2uzrtat.png

公告的「獨奏」複選框。如果單擊「查看更多」鏈接，我如何將其擴展到底部，反之亦然？

- 我的代碼 -

$(document).ready(function() { 
  $('#slickbox').hide(); 
  
  $('#slick-toggle').click(function() { 
    $('#slickbox').toggle(300); 
    $('.column').animate({height:1000+'px'}); 
  }); 
});

來源

2011-04-28 Spencer

編輯：

$('#seemore').toggle(
    function(){ 
     $('#solo').animate({height:700+'px'}); 
     $(this).html('See Less'); 
     }, 
    function(){ 
     $('#solo').animate({height:500+'px'}); 
     $(this).html('See More >>'); 
    });

開關700到任何你想要的獨奏框的高度是500到任何原來的高度是

參見工作示例：http://jsfiddle.net/G9z37/4/

來源

2011-04-28 03:12:49 LostLin

正是我在找什麼。但是，當我關閉div，高度仍然保持700px + – Spencer 2011-04-28 03:16:52

@Spencer哦對不起，我錯過了反之亦然的一部分。請參閱編輯 – LostLin 2011-04-28 03:22:01

不確定這是否會起作用...請參閱編輯。 – Spencer 2011-04-28 03:29:32

我假設你想有一個可摺疊的div（默認爲隱藏，然後展開上點擊）。如果確實如此，請查看位於http://jqueryui.com/demos/accordion/的JQuery UI插件中的Accordion擴展。實施也相對簡單。如果這不是你想要的，請說出來。

來源

2011-04-28 03:11:29

你可以使用jQuery的toggle API

來源

2011-04-28 03:11:56 Triztian

我並不完全確定你在問什麼，但如果你想改變一個div的高度，jQuery有一個高度函數。

$("#solo").height(200); // or whatever you need

這是你想要的嗎？

來源

2011-04-28 03:13:23

如果您希望將其恢復到原始高度，則可能需要使用.data（）存儲原始高度，並在切換關閉時恢復爲原始高度。

請參閱http://jsfiddle.net/S8yuG/

來源

2011-04-28 03:57:21 Derek

jQuery/HTML擴展DIV

回答

參見工作示例：http://jsfiddle.net/G9z37/4/

相關問題