0

ボックスをクリックするとdivが表示されるように、次のコードを作成しました。

JS

<script type="text/javascript">
var bool = 0;
function showDiv() {
    if (bool == 1) {
        bool = 0;
        document.getElementById('show').style.visibility = "hidden";
    } else if (bool == 0) {
        bool = 1;
        document.getElementById('show').style.visibility = "visible";
    }
}​
</script>

HTML

<input type="button" value="click" onclick="showDiv();" />

<div id="show" style=" visibility:hidden;">
  <p>it is okay it is okay it is okay it is okay it is okay</p>
</div>

しかし、クリックしてdivを表示したい画像の場合、どうすればよいですか。

4

4 に答える 4

2

質問に jquery のタグを付ける場合は、.toggle代わりにメソッドを使用することをお勧めします..

$('#yourimageid').click(function() {
   $('#targetelementid').toggle();
});
于 2012-10-09T18:39:47.300 に答える
1

jQuery を使用すると、コードを次のように減らすことができます。

$('input,img').click(function() {
    $('#show').css('visibility', ($('#show').css('visibility') == 'visible') ? 'hidden' : 'visible');
});​

jsFiddle の例

于 2012-10-09T18:47:24.943 に答える
0

行う

$('#imageId').click(showDiv);

ID が imageId である要素showDivのイベントに関数をバインドします。click

参考：http ://api.jquery.com/click/

于 2012-10-09T18:39:16.783 に答える
0

最も簡単な方法（すでに持っているものを考えると）：

<img src="myimage.jpg" onclick="showDiv();"/>

しかし、実際に jQuery を使用している場合は、.toggle メソッドを使用できます。これは、bool変数を管理する必要がないことを意味します (これは実際には bool である必要があります!)。

jQuery を使用すると、次のようなことができます。

$('#imageId').click(function() {
    $('show').toggle();
});
于 2012-10-09T18:40:09.283 に答える