javascript - クリックするとボックスが表示される HTML、クリック可能な図

Question

人の手足をクリックすると、選択した手足を説明する人の横にテキストボックスが表示される、クリック可能な人物図を作成しようとしています。

人は左側にあり、箱は右側に積み重なっています。手足が選択されると、ハイライト表示されます。

これに最適なアプローチは何ですか？jQuery トグルを使用する必要がありますか?:

$( "#effect" ).toggle( selectedEffect, options, 500 );

Answer 1

ID が「person-diagram」の人物図があるとします。また、テキストボックスを表示したいすべての要素に「リム」のクラスを追加する必要があります。

次に、jQuery イベント ハンドラーを jQuery Bind http://api.jquery.com/bind/を使用してバインドします。次に、テキスト ボックスを jQuery トグルで切り替えます。テキストボックス内に表示するテキストを決定する方法に関しては、それを実現する方法がいくつかあります。簡単な方法の 1 つは、すべての手足にタイトル属性を与え、クリックされた手足のタイトルを取得し、それをテキスト ボックスのテキストとして設定することです。

例：

$( "#person-diagram .limb" ).bind( "click", function() {
  $("#textbox" ).toggle();
});

これで始められるはずです:)