如何在JQuery中打开具有相同类的单独工具提示

Question

我正在学习JQuery，为此我做了这项工作。当鼠标悬停在缩略图上我所面临的问题所有工具提示正在打开，我想只打开相关的工具提示，我不想为此使用多个类我想用同一个类做这项工作。有没有办法做这个工作而不为每个缩略图分别上课？

这是链接：http://shahfahad.com/jquery/hide-show.html

enter image description here查看附加截图

Answer 1

试试这个脚本

<script>
$(document).ready(function(){
    $(".model").css("display","none");  
        $(".hide").click(function(){
        $(".show").closest("ul").removeClass("showing");
        $(".model").hide();

    }); 

    $(".show").mouseover(function(){

        if(!$(this).closest("ul").hasClass("showing")){
        $(this).closest("ul").addClass("showing");
        $(this).next(".model").show(); 
        }
    });

});

fiddle

Answer 2

但它还有另外一个问题，当一个工具提示打开并且你鼠标悬停在另一个缩略图上以便同时打开两个缩略图时，是否有可能当鼠标悬停在新缩略图之前的工具提示将关闭然后出现新的工具提示时？