CSS を含む div コンテンツがあります。
height:700;
overflow:hidden;
私がやりたいことは、次のようなボタンを作成することです。
したがって、展開がクリックされると、その div の css を次から変更する必要があります。
overflow:hidden
にoverflow:visible
cssで指定された高さにdivが展開されることを知ってください。展開ボタンが折りたたまれ、クリックするとその逆になると便利です
CSS を含む div コンテンツがあります。
height:700;
overflow:hidden;
私がやりたいことは、次のようなボタンを作成することです。
したがって、展開がクリックされると、その div の css を次から変更する必要があります。
overflow:hidden
にoverflow:visible
cssで指定された高さにdivが展開されることを知ってください。展開ボタンが折りたたまれ、クリックするとその逆になると便利です
jQueryはあなたの友達です。あなたが説明したような基本的な DOM イベントを構築するための完璧なライブラリです。コードは次のようになります。
$('#expand-button').click(function(e) {
$('.my_div').css('overflow', 'visible');
});
jQuery .css 関数を使用して、CSS プロパティの値を変更できます。 http://api.jquery.com/css/。
jQuery を使用して、HTML の一部を別のものに置き換えることもできます。ボタンを変更するには。 http://api.jquery.com/css/