jQuery 隐藏多个选择器时显示

Question

我正在尝试在多个元素上切换 hide/show，它适用于移动设备，但是在桌面上，我的代码似乎 hide/show 所有元素而不是被点击的父元素.

var t = $(this).find*
$('div a i').click(function(){
    $('.text').toggleClass('show');     
});

这是带有我的标记的 CodePen。

感谢任何帮助！

Answer 1

你试过吗？

编辑您的评论：

$('div.pop-up').click(function(){
    $('.text').removeClass('show');
    $(this).find('.text').toggleClass('show');      
});

你必须说 class 要点击哪个 div，否则，div 会被点击...

Answer 2

这是为了 a:hoover

html > body a:hover + .text { display: block; }

如果触发 div，文本不会消失

jQuery Hide Show when multiple selectors