Скрыть/показать для меню

На сайте есть меню: Заголовок и ниже подразделы. Нужно сделать так, чтобы при нажатии на заголовок подразделы плавно открывались (выезжали), при повторном нажатии - задвигались обратно. При это рядом с заголовком картинка (как вариант - стрелка), которая показывает текущее положение дел: стрелка вниз - меню раскрыто, стрелка вправо/влево - меню находится в закрытом положении. Именно картинка не имеет значение (это может быть плюс или минус), главное - предусмотреть возможность вставки.

Таких меню два (позже будет больше). При заходе на сайт - первое меню (самое верхнее слева) всегда раскрыто по умолчанию, второе ниже - всегда закрыто по умолчанию. К сайту уже подключена библиотека jQuery (1.8.2).

Само меню и html код вы можете посмотреть на сайте http://www.igrobutik.com/

Хотелось бы сделать без сильного изменения с css и html-коде самого меню.