JQuery: как динамически менять divs

Question

Я новичок в JQuery, и я создаю сайт, на котором можно щелкнуть по одной из нескольких ссылок, а div появится информация об этой ссылке. В настоящее время код скрывает все div в начале страницы и использует slideToggle(), чтобы показывать его независимо при нажатии. Единственная проблема: они в порядке в документе HTML. Я хочу, чтобы какая бы ни ссылка вы нажимали, она перемещает все отображаемые div, чтобы освободить место для новейшей.

Например: Пользователь нажимает на Раздел 1. Появится раздел 1. Пользователь нажимает Раздел2. Раздел 1 перемещается вниз. Раздел 2 показан вверху.

Любые идеи о том, как это сделать? Я пробовал использовать prepend() и insert(), но безрезультатно.

Спасибо, Дерек.

Answer 1

$('#container').prepend('content to show'); 

prepend добавит ваш контент в начало, а не в конец.