i have 10 div(trigger) arrange horizontally,when hover on trigger element popup comes up but want to stay on popup content how do i do that?
<pre><code>  $(document).ready(function() {
        //If Javascript is running, change css on product-description to display:block
        //then hide the div, ready to animate
        $("div.pop-up").css({'display':'block','opacity':'0'})

        $("a.trigger").hover(
          function () {
            $(this).prev().stop().animate({
              opacity: 1
            }, 500);
          },
          function () {
            $(this).prev().stop().animate({
              opacity: 0
            }, 200);
          }
        )
      });
</code></pre>

<p>i have 10 div(trigger) arrange horizontally,when hover on trigger element popup comes up but want to stay on popup content how do i do that ?</p>
