javascript - マウスクリックで特定のdiv要素を展開するには?

Question

たとえば、Twitter の場合、個々のツイートで [Expand] をクリックすると、個々のツイートへのリンクが表示されたり、画像やビデオ、タイム スタンプが表示されたりします。次にクリックすると、展開されたデータが非表示になります。

また、マウスの矢印ではなく、div の上にカーソルを置いたときにマウスの手を表示する方法も示します。ツイッターとまったく同じ。

jQueryを使用できることを願っています。これを実装するためのサンプルコードを教えてください。??

Answer 1

追加のセクションを拡張するには、2つのdivが必要になります。表示したいデフォルトの情報があります。2つ目は、展開して表示したいものが含まれます。次に、次のようなものを使用します。

$('#expand_button').click(function(){
     $('#second_div').slideToggle();
});

カーソルの場合：http ：//www.w3schools.com/cssref/pr_class_cursor.asp次の ようなものを使用します。

div { cursor: arrow; }

Answer 2

あなたが望むでしょう：

$('.button').click(function(){
     $('div').slideToggle();
});

$('div')セレクターを非表示にしてください