Question

我是jQuery的新手，我正在构建一个包含多个切换div的页面。

在我到目前为止的示例中，我有3个可点击的div（.info1，.info2，.info3），它们分别切换其他相应的div（.infobox1，{ {1}}，.infobox2）。

它们目前是可点击的，因为在信息框中我想要链接点击，我无法弄清楚如何让信息框保持可见一两秒钟，这样你就有时间将信息div悬停在信息框div上没有它消失。

所以我有两个问题：

如何制作我的代码，以便我不必每次都添加行来切换，.infobox3等将成为一个并允许在信息和＆amp;之后的任何数字。信息框
当我将鼠标悬停在信息上而不是点击信息框时，我怎么能这样做呢？所以它可以保持足够长的时间让某人将鼠标移到它上面？

$('.infobox1').toggle();$('.infobox2').toggle(); $('.infobox3').toggle();

$('.info1').click(function(){
    $('.infobox1').toggle();
});
$('.info2').click(function(){
    $('.infobox2').toggle();
});
$('.info3').click(function(){
    $('.infobox3').toggle();
});

非常感谢任何帮助。

Answer 1

您可以在触发器div元素上使用公共类，然后遍历DOM以找到要切换的元素，如下所示：

$('.lb-info').click(function(){
    $(this).next('a').find('.lb-infobox').toggle();
});

可点击切换以悬停并保持和改进代码

1 个答案: