Javascript onclick and mouseoverover

Question

$(function() { 
    $(".popup").hide(); 
    $(".clickMe").mouseover(function() {  
     $(".popup").show(); 
    }).mouseout(function() { 
     $(".popup").hide();//Set this to default hide 
    }); 
}); 

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 

<a class="clickMe" href="#"> Click here to see hidden item.</> 
<div class="popup"> You've found me! </div> 

私はこのコードを実装するのが好きですが、その方法はわかりません。マウスオーバーの代わりに、どうすれば代わりにonclickコールに設定できますか？御時間ありがとうございます。

Answer 1

これは私がやったすべてが.clickMeのクラスを持つ要素のための単一のclickイベントのmouseoverとmouseoutイベントを変更され、それを

$(function() { 
    $(".popup").hide();     //Hide the popup first 
    $(".clickMe").click(function() { //Attach a click event to the .clickMe 
     $(".popup").toggle();    //Toggle the visibility of the popup 
    }); 
}); 

を行うだろう。次に、jQuery toggleエフェクトを使用して、それが表示されているかどうかによってdivを表示または表示し、divを 'トグル'します。詳細はhereをご覧ください