ブートストラップの崩壊がイメージをヘッダーとして壊した

Question

私はブートストラップ3.3.6、ui-bootstrap 1.2.2を使用して、collapseを使用しようとしています。 ヘッダーはイメージでなければなりません。この私のコード

<div id="isOpen" > 
    <img data-toggle="collapse" data-target="#readThis" src="./images/hello.jpg" /> 
    <div id="readThis" > Get more info</div> 

</div>  

あるreadThisdivが開かれ、私はそれを閉じるために、画像をクリックすると、それが閉じ始める、再度開きます表示されます。

これはうまくいきます。

これを修正するにはどうすればよいですか？イメージで動作する別のブートストラップモジュールはありますか？私は一日中この問題を解決しようとしています。助けてください。 <a>タグにdata-toggle="collapse" data-target="#readThis"を置くことによって

おかげ

Answer 1

試してみると、はい、それの内側

<a href="#readThis" data-toggle="collapse"> 
    <img src="./images/hello.jpg" /> 
</a>