maus div üzerine gelince açılan kısım

selamlar;

İnternette tam olarak ne diye arayacağımı bilmediğimden dolayı konu açma gereği duydum. Örnek Twitter 'da ilgili bir twit üzerine gelince altında beliren yanıtla - paylaş şeklinde çılan kısımı nasıl yapabiliriz.

örnek : http://us.battle.net/d3/en/blog/1111...min--9-27-2013 bağlantısında yapılan yorumların üzerine gelince çıkan repy butonu

$(document).ready(function () {
    $('[id*="divTweet"]').mouseover(function () {
        $('[id*="divTweetOption"]').show();
    });
    $('[id*="divTweet"]').mouseleave(function () {
        $('[id*="divTweetOption"]').hide();
    });
});

yorum için teşekkür ederim. Bana uygulamanın çalıştığı bir sayfa verme imkanınız var mı buradan anladığım kadarı ile iki tane div oluşturup birine id değeri olarak divTweet diğerine divtweetOption ismini vermem gerekiyor ve divTeet değerine sahip divin üzerine gelince otomatikman divTweetOption içerisinde bulunan veriler gözükecek

Sanırım bu şekilde daha iyi anlarsın.
http://jsfiddle.net/NgS4L/3/

Merhaba Konuyu hortlatmış olucağım ama Bu kodu nasıl HTML'de kullanıcağım?

Bu html zaten, direk aşağıdaki gibi kullanabilirsin.

<div id="divTweet" style="padding:5px; border:solid 1px #ccc;">Bu ilk tweet'im!<br />
    <div style="display:none;" id="divTweetOption"><input type="button" id="btnReply" value="Reply" /></div>
</div>

$(document).ready(function () {
    $('[id*="divTweet"]').mouseover(function () {
        $('[id*="divTweetOption"]').show('fast');
    });
    $('[id*="divTweet"]').mouseleave(function () {
        $('[id*="divTweetOption"]').hide('fast');
    });
});