使用jquery和css的工具提示

Question

如何使用jquery和css制作工具提示以跟踪HTML？ （我的意思是，当鼠标在显示内容类li a）

的show_tooltip上输入时

<ul>
    <li>
    <a href="#">about</a>
    <div class="show_tooltip">
        put returns between paragraphs
    </div>
    </li>
    <li>
    <a href="#">how</a>
    <div class="show_tooltip">
        for linebreak add 2 spaces at end
    </div>
    </li>
</ul>

Answer 1

$("li a").mouseover(function(){
     $(this).next().fadeIn();
})
$("li a").mouseout(function(){
     $(this).next().fadeOut();
})

Answer 2

为什么不这样做呢？ ：）

<ul>
    <li>
    <a href="#" title="put returns between paragraphs">about</a>
    </li>
    <li>
    <a href="#" title="for linebreak add 2 spaces at end">how</a>
    </li>
</ul>