在动态div

Question

我希望能够一次选择一个框并让它在悬停时显示弹出窗口，但它们具有相同的div类名，每次我悬停时，所有其他框也会弹出。

<div class="parent"> //select one at a time when hovered here
<a href="#" class="show">show content1</a>
</div>

<div class="parent">
<a href="#" class="show">show content2</a>
</div>

<div class="hidden">show this text one at a time when hovered</div>

我尝试使用.on jquery因为它没有绑定到单个元素和.toggle，但它不起作用并且它同时显示所有内容。

http://jsfiddle.net/2XG9j/9/

Answer 1

工具提示是否满足您的要求？ https://jsfiddle.net/y3llowjack3t/p9rwop58/

<div class="parent"> 
<a href="#" title="show1 this text one at a time when hovered">show content1</a>
</div>

<div class="parent">
<a href="#" title="show2 this text one at a time when hovered">show content2</a>
</div>

<div style="display: none;">show this text one at a time when hovered</div>

$(".parent").tooltip();

Answer 2

尝试为每个元素添加事件：

$('.show').each(function(i,e){
    $(e).click(function(){
        $('.hidden').fadeIn();
    });
});

Answer 3

如果我理解正确的话。试试这个

http://jsfiddle.net/anbby8se/

onCreateUser

请注意，我只是抓住了锚的内容。因为我不知道你想要展示什么。