ตารางรูปภาพที่ตอบสนองต่อ Jquery

ฉันจะทำสิ่งนี้โดยมี div อยู่ภายใน div ที่จะแสดงเมื่อคุณวางเมาส์เหนือมัน

<div class="outterDiv">
    <p> put some content here</p>
    <div class="innerDiv" style="display:none; width:100%; height:100%;">put options here</div>
</div>

เจคิวรี่

<script>
    $('.outterDiv').hover(function(){
        $('.innerDiv').toggle();
    },
    function(){
        $('.innerDiv').toggle();
    });
</script>

สิ่งนี้จะแสดง div ภายในเมื่อคุณวางเมาส์เหนือ div ภายนอกและซ่อนไว้เมื่อคุณเลื่อนเมาส์ออกจาก div ภายนอก