ساخت منوی افقی با جیکوئری

[hesam_m728 0]

سلام دوستان

من ی منو میخواستم درست کنم ک مثل این سایت باشه: http://etchapps.com/

هم میخوام متنش کنار آبکون ها نشون داده بشه و با کلیک روی یک دکمه باز و بسته بشه.

ممنون میشم کمکم کنید.

[Black_Sky 6349]

شاید منظورتون خوب متوجه نشده باشم همون منوی بالا ؟

http://jsfiddle.net/fakhar/w8HTG/

[hesam_m728 0]

ار جواب شما ممنونم ولی منظورم فیکس شدنش نبود.

متن هر کدوم از آیکون ها در حالت عادی مخفی باشه و در حالت hover هر کدوم از آیکون ها، متن اون ایکون در جای مشخص که سمت راست هست نشون داده بشه.

و یک دکمه هم که سمت چپ هست با کلیک بر روی اون کل آیکون ها مخفی بشن.

[Parsa 23463]

اسم آیکن مخفی هست

display: none

<a data-filter=".team" href="/#team">
<i class="menu-icon icon-team"></i>
<span>Team</span>
</a>

که با hover برروی a میتوانید display: inline-block کنید

افکت مخفی شدن

http://api.jqueryui.com/slide-effect/