如何在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

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