Здравствуйте мастера) Кто нибудь сидит, или же сидел в таком приложение Амино? К этому позже. Смотрите, вот мой сайт http://virusblog.ga Кстати подправил диз. Думаю теперь все норм и можете оценить снова(логин: Test пас: 12345), но это не важно. Есть там кнопочка которая открывает(раскрывает) вверху форму авторизации. Вот код jQuery.

$(document).ready(function(){
$("#up").click(function(){
$("#box").slideToggle("slow");
$(this).toggleClass("active"); return false;
});


});
Дизайн был куплен. Увы я в jQuery не очень разибраюсь. Вообщем, этот код раскрывает такой блок а мне нужно кое что сделать. В амино когда жмешь кнопку "Создать пост" Начинают такпо очереди появляется иконки. Там, создать блог, выложить картинку, Создать опрос и т.д. Я знаю что все это должно быть написано на php и кодом jQuery Раскрывать все иконки. Тоесть будет кнопка, из которой будут вылезать змейкой эти икноки. И если их много то они будут строятся колонками. Тоесть 3х3. Надеюсь я понятно обьясняю. Ну так вот, подскажите пожалуйста код jQuery который должен это все делать. Вы подкиньте мне примерно формулу, ну или скелет так сказать. А то сам не додумаюсь. В jQuery много команд и не очень понятно какая команда нужна для этой фичи. Подскажите

В коде выше я так понимаю $("#up").click(function() проверяет кликнули на кнопку?
А вот остальное, то что в функции , это и делает свою работу

вот, кое что заделал.

echo '
<a href="#" id="menu" class="menufoo"><img src="images/ico/frames.png" title="Открыть панель"></a><br/>
<div id="menu2" class="menufoot">
<a href="#"><img src="images/ico/booklet.png" title="Создать блог"></a>
<a href="#"><img src="images/ico/barchart.png" title="Создать опрос"></a>
<a href="#"><img src="images/ico/aperture.png" title="Загрузить Фото"></a>
<a href="#"><img src="images/ico/art.png" title="Загрузить Рисунок"></a>
<a href="#"><img src="images/ico/compose.png" title="Написать на стене"></a></div>
<script>
$("#menu").click(function () {
$("#menu2").fadeToggle("slow");
});
</script>';

стили
.menufoot{
display: none;
z-index: 999;
float: left;
position: fixed;
margin-top: 50px;
}
.menufoo{
z-index: 999;
float: left;
position: fixed;
margin-bottom: 50px;
}

но это не точто я хотел))

Sheyx , Сижу амино руское

когда нажимаешь у себя на страничке "Создать пост" Видел как там иконки появляются?

Вот
$("#menu").click(function () {
$("#menu2:eq(0)").show("fast", function () {

$(this).next().show("fast", arguments.callee);
});
});
$("#closem").click(function () {
$("#menu2").slideToggle("slow");
});

Чуть похоже. Конечно не идеал. Но наверное стоит поработать. Что вы предложите? Можете посмотреть на сайте, как работает кнопка , если вы с пк. Ссылка в первом посту

Sheyx , прям америку открыл как это делается первопроходец ты наш

Что вы хотели показать этим комментарием? Явно не ваши умственные способности)

Тебе не здесь надо спрашивать, а на toster.com от хабра, там ребята шарят в библиотеках js

Я уже все. Вот, может кому надо. Опять же, не идеал, но все таки получилось.

echo '
<a href="#" id="menu" class="menufoo" ><img src="images/ico/frames.png" width="32" height="32" title="Открыть панель"></a>
<div id="menu1" class="menufoot">
<a href="#"><img src="images/ico/booklet.png" width="32" height="32" title="Создать блог"></a>
</div>
<div id="menu2" class="menufoot1">
<a href="#"><img src="images/ico/barchart.png" width="32" height="32" title="Создать опрос"></a>
</div>
<div id="menu3" class="menufoot2">
<a href="#"><img src="images/ico/aperture.png" width="32" height="32" title="Загрузить Фото"></a>
</div>
<div id="menu4" class="menufoot3">
<a href="#"><img src="images/ico/art.png" width="32" height="32" title="Загрузить Рисунок"></a>
</div>
<div id="menu5" class="menufoot4">
<a href="#"><img src="images/ico/compose.png" width="32" height="32" title="Написать на стене"></a>
</div>
<div id="menu6" class="menufoot5">
<a href="#" id="closem"><img src="images/ico/locked.png" width="32" height="32" title="Закрыть меню"></a>
</div>
<script>
$("#menu").click(function () {
$("#menu1:eq(0)").show("fast", function () {

$(this).next().show("fast", arguments.callee);
});
});
$("#closem").click(function () {
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6").slideToggle("slow");
});
</script>';

Стили:
.menufoot{
display: none;
z-index: 999;
float: left;
position: fixed;

margin-left: 50px;
}
.menufoot1{
display: none;
z-index: 999;
float: left;
position: fixed;

margin-left: 100px;
}
.menufoot2{
display: none;
z-index: 999;
float: left;
position: fixed;

margin-left: 150px;
}
.menufoot3{
display: none;
z-index: 999;
float: left;
position: fixed;

margin-left: 200px;
}
.menufoot4{
display: none;
z-index: 999;
float: left;
position: fixed;

margin-left: 250px;
}
.menufoot5{
display: none;
z-index: 999;
float: left;
position: fixed;

margin-left: 300px;
}
.menufoo{
z-index: 999;
float: left;
position: fixed;
margin-bottom: 50px;
width: 32px;
height: 32px;
border-radius: 50%;
}
.menufoo:hover{

box-shadow: 0 0 5px 5px #e6ffff;
transition:all 1s 1s;
}

Пример на сайте. Картинки можете взять на сайте. Скажите что можно улучшить в этом коде?

Судя по 6ому посту. Этот человек великий мастер. Значит есть тут мастера, которые разбираются)