اضافه کردن فلش کوچک برای منو

[aboalfazl19]

با سلام
منوهای بالا دارای زیر مجموعه است می خواهم فلش کوچکی برای نشان دادن زیر مجموعه ها بکار برم (مثل بانک پاسارگادbpi.ir (http://www.bpi.ir))
من یه تازه کارم با این حال فکر کنم باید یه childتعریف کنم تا یه کلاس اضافه کنه بعد به کلاس استایل بدم! حالا برای انجام این کارا مشکل دارم می خوام بدونم این کد ها درسته چه چیزی کم یا اضافه کنم؟!(اگه امکان داره زحمت این کدها را بکشید)
<div class="menu">
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page with Subpages</a>
<ul class="children">
<li><a href="#">Page with another subpage</a>
<ul class="children">
<li><a href="#">subsubpage</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
</ul>
</div>

$(function() {
$('.menu a').each(function() {
if ( $(this).parent('li').children('ul').size() > 0 ) {
$(this).append('<span class="dwn">▼</span>');
}
});
});