2

私は標準を使用しています：

$(document).ready(function() {
   $('#toggleme').click(function(){
     $('div.#showhide').toggle();
   });
 $('#closer').click(function(){
     $('div.#showhide').toggle();
   });
 });

div を表示および非表示にするには、サイトがdisplay:none;div に設定されていると表示されなくなり、すべてのコンテンツがページの上に移動します。

div を表示/非表示にする別の方法はありますか、または各 div を固定幅/高さの親 div でラップする必要がありますか?

4

5 に答える 5

2

CSS属性visibility: hidden;はあなたが望むものです.それは表示ブロックのようにそれを隠しますが、スペースはまだそこにあるのでコンテンツは移動しません.

于 2012-10-31T14:52:48.410 に答える
1

そのための利用.show()とhide()方法

.show() - 一致した要素を表示します。

.hide() - 一致した要素を非表示にします。

または試してみてください

.toggle() - 一致した要素を表示または非表示にします

于 2012-10-31T14:52:01.503 に答える
0

次のように可視性を非表示に設定します。

$('div.#showhide').css('visibility', 'hidden');

次のようにもう一度表示します。

$('div.#showhide').css('visibility', 'visible');
于 2012-10-31T14:55:08.210 に答える
0

jQuery.show()およびメソッドを使用jQuery.hide()して、要素をそれぞれ表示および非表示にできます。

于 2012-10-31T14:57:23.583 に答える
0

多分これを試してください：

$(document).ready(function() {

    $('#toggleme').toggle(function(){
        $('.showhide').animate({ "height", "0px" });
    },
    function(){
        $('.showhide').animate({ "height", "SomeBaseHeightpx" });
    });

    $('#closer').toggle(function(){
        $('.showhide').animate({ "height", "0px" });
    },
    function(){
        $('.showhide').animate({ "height", "SomeBaseHeightpx" });
    });

});

いくつか試して、HTML に合わせて調整してください。

jQuery .animate() && jQuery .toggle( ) [イベント]で詳細を参照してください。

于 2012-10-31T14:57:56.117 に答える