divの50pxの高さのような部分と100pxの部分の下に表示されるdivをjquery.show()で表示する必要があります。または、他の何か。それを行う方法を誰かが知っていますか?divの一部を表示する
8
A
答えて
7
あなたは、固定は50pxとのあなたはjavascriptを/ jQueryのあたりにautoに高さを変更することができますクリックするかは50pxに自動から、それを元に戻すのdivの高さを設定することができます。
CSS:
.mydiv{
height:50px;
min-height:50px;
overflow:hidden;
}
のjQuery:
$("document").ready(function(){
$(".mydiv").click(function(){
if($(".mydiv").css("height")!="50px"){
$(".mydiv").slideDown();
}
else{
$(".mydiv").slideUp();
}
}
}
0
あなたはそれがCSSを通じて開始(は50px)から持ちたい高さにdiv要素の高さを設定することができます。 overflow: hidden;
を設定して残りのコンテンツを非表示にします。
は、その後、あなたは全体の要素を表示するには、このような何かを行うことができます。
$("#id-of-element-to-click-to-show-entire-div").click(function(){
$(this).slideDown("fast");
});
1
私は<div id="foo" style="height: 50px; overflow:hidden">
でコンテンツを埋め込むと思います。次に、jQueryを使って、この要素の高さを制御:
$("#foo").css("height", whatever);
1
HTML:
<div id='example'>some content here</div>
CSS:
#example {height: 50px; overflow:hidden;}
のjQuery:
$('#example').click(function(){
$(this).animate({ height: 500px; }, 250);
}
関連する問題
- 1. 一部のdivの背景が表示されない
- 2. 図の一部を表示
- 3. Three.js - オブジェクトの一部を表示/非表示する
- 4. 一部のスパンテキストを表示して非表示にする
- 5. Sharepoint - 一部のグループの一部のフィールドを非表示にする
- 6. gdb:一部のデータのtypeinfoを表示
- 7. ページの一部を更新する(div)
- 8. 画像の一部を非表示
- 9. Android:TextViewにメッセージの一部を表示
- 10. WPF DataGrid一部の行をハイライト表示
- 11. 画像の一部を表示
- 12. IPアドレスの一部を表示
- 13. 一部のビデオをMediaElementに表示
- 14. 親divの表示前に子divを表示するには?
- 15. 子DIVは親DIVの内部に表示されません
- 16. 親divを隠す方法、内部divを表示する方法
- 17. QTextEditの一部を動的に表示/非表示
- 18. ウェブサイトの一部のみ表示
- 19. divを一定時間表示してから非表示にする
- 20. の表示/非表示DIV
- 21. ウェルカムdivをユーザー/ブラウザセッションごとに一度だけ表示する
- 22. TcxGrid内の一部の行のTcxEditButtonを非表示にする
- 23. グリッドビューの一部の行のコンテキストメニューを表示するには
- 24. リアスワイプの次の要素の一部を表示するには
- 25. フルカラーでイベントの一部を隠す/表示する
- 26. javascriptを使用してJSONデータの一部を表示する
- 27. SVGの画像の一部を非表示にする
- 28. スプライトフォント内のテキストの一部をハイライト表示するには
- 29. 私のビューの一部を条件付きで表示する
- 30. IE8で背景の一部を表示するには?
はい、それが働いているおかげ。 – Mtok