Javascript JQuery工具提示为显示问题选择了嵌套Div

Javascript JQuery工具提示为显示问题选择了嵌套Div,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我有一个大约30-50行的信息列表,每个行都需要自己独特的工具提示。我知道我可以让这些都是唯一的ID,但那会浪费很多javascript。我试图让jquery返回嵌套的的工具提示,该工具提示的类为“show\u tooltip”,在任何的类为“tool\u tip”的内部。所有的工具提示都是独一无二的 <DIV class="tool_tip"> <DIV>Content here</DIV> <DIV style="display:none;" cla

我有一个大约30-50行的信息列表,每个行都需要自己独特的工具提示。我知道我可以让这些都是唯一的ID,但那会浪费很多javascript。我试图让jquery返回嵌套的
的工具提示,该工具提示的类为“show\u tooltip”,在任何
的类为“tool\u tip”的内部。所有的工具提示都是独一无二的

<DIV class="tool_tip">
<DIV>Content here</DIV>
<DIV style="display:none;" class="show_tooltip">Any tool tip information goes here with possible html</DIV>
</DIV>

<DIV class="tool_tip">
<DIV>Content here</DIV>
<DIV style="display:none;" class="show_tooltip">Another but different tool tip to be displayed</DIV>
</DIV>
我正在使用以下工具提示插件:

编辑:

谢谢你下面的回答。我得到的有效代码是:

$(".tool_tip").tooltip({
bodyHandler: function() {
    return $(this).find('.tooltip_content').stop().html();
},
showURL: false
});

这是或应该是相对容易的:

$('.tool_tip').hover(
    function(){
        $(this).find('.show_tooltip').stop().fadeIn(500);
    },
    function(){
        $(this).find('.show_tooltip').stop().fadeOut(500);
    });


上面的jQuery(以及链接的演示)使用:、和(仅供参考)。

谢谢,我想这可能是我缺少的一些简单的东西。JQuery和Javascript非常新。
$('.tool_tip').hover(
    function(){
        $(this).find('.show_tooltip').stop().fadeIn(500);
    },
    function(){
        $(this).find('.show_tooltip').stop().fadeOut(500);
    });