Помогите разработать код
 

Здравствуйте. Такая проблема:
У меня есть такой html код:

<div class="most_useful">
	<ol>
    	<li><a href="#">VideoInspector 2.2.5</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстхтекстхтекстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">VLC media player 1.0.0</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">MKVtoolnix 2.9.5</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">FlvPlayer4Free 3.5.0.0</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">Format Factory 2.15</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">FurMark 1.8.0</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
        <li><a href="#">CPU-Z 1.54</a>
        	<p><img src="image/test/most_us_img1.jpg">текстх текстх текстх текстх текстх текстх текстх текстх текстх </p></li>
    </ol>
</div>

Я хочу, когда человек наводит мишкой на элемент <li>, то появлялся контент который находится в <p>. И нужно чтобы было так, если наводим на первый <li>, то появлялся первый <p>, и т.д. :)

CSS:

.most_useful p {display: none;}

jQuery:

$("div.most_useful li").bind("mouseover mouseout", function () {
	$("p", this).toggle();
});

Спасибо !!!!!!!! + 1

А можно добавить сюда эффект slideDown и slideUp ?