0

画像と見出しを含むリストがあり、画像の1つをクリックすると、画像の上にさらにテキストが表示され（画像が非表示になります）、テキストをクリックすると、最善の方法は何でしょうか。画像が再び表示されます。

これを最初に持っている場合：

<ul>
<li>
<img src="image1.jpg"/><br>
Headline no1
<div> this is the text I want to show</div>
</li>

次のライ....

では、何が最適でしょうか？jqueryまたはその他の提案でdivを切り替えますか?

ご意見ありがとうございます。

4

2 に答える 2

0

この私の友人には、JavaScript（JS）が必要で、jquery、純粋なJS、または必要なものを使用してください。ただし、DOM に読み込まれたオブジェクトと、表示されていないオブジェクトの両方が必要です。そして、JS を使用して、オブジェクトのスタイルで表示プロパティを変更します。

div 画像と div テキストを使用した純粋な JS の例:

<script>
  function showHide(idShow, idHide) {
     document.getElementById(idShow).style.display = "";
     document.getElementById(idhide).style.display = "none";
  }
</script>

<div id="image" onclick="showHide("text", "image");">
    <img>....</img>
</div>
<div id="text" style="display: none;" onclick="showHide("image", "text");">
    <p> some text</p>
</div>
于 2013-09-27T15:51:19.220 に答える