如何在 JQuery 中使用相同的 class 打开单独的工具提示

Question

我正在学习 JQuery 为此我做了这项工作。当我将鼠标悬停在缩略图上时，我遇到了问题，所有工具提示都打开了，我只想打开相关的工具提示，我不想为此使用多个类我想用相同的 [=22] 来完成这项工作=].有什么方法可以做到这一点而不需要为每个缩略图单独类吗？

这是link：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

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

如何在 JQuery 中使用相同的 class 打开单独的工具提示

How to open separate tooltip with same class in JQuery

html

css

jquery

tooltip

jquery-ui-tooltip