jquery - jQueryの「サムネイル」機能

Question

私はいくつかの「注目の投稿」を開発しようとしています。そして、あなたが彼らを変えるとき、私は彼らが変わることを望みmouseover()ます。これはjQueryで行われると思います。始めようとしましたが、かなり苦手なので、ここで質問したいと思いました。

私はこのjQueryコードを思いつきました：

$(document).ready(function)
{
    $("#f_post_long").mouseover(function)
    {
        $("#f_post_long").append("<div class="hello">hello</div>");
    });
});

CSSでスタイルを設定したのと同じクラスで新しいdivクラスを.appendingする必要があると思いました(?)しかし、そこにはわかりません。

CSS は次のようになります。

#f_post_long
{
    width:500px;
    height:500px;
    background-color:red;
    text-align:center;
}

.hello
{
    background-color:blue;
    width:200px;
    height:200px;    
}

HTML には要素が含まれているだけ#f_post_longです。

私は正しい軌道に乗っていますか、それともここで完全にねじ込まれていますか? サーバーに対して最も簡単な方法と、記述されたコードの量について、正しい方向へのいくつかのポインターだけの完璧なソリューションは必要ありません。