Align slideToggle коробки в нижней части родительского DIV

Question

У меня есть follwing до сих пор: jsFiddle

Просто небольшой скрипт, который выскакивает список Элементы

$(function() { 
    $("li.content").hide(); 
    $("ul.nav").delegate("li.toggle", "click", function() { 
     $(this).next().slideToggle("fast").siblings(".content").slideUp("fast"); 
    }); 
}); 

Я пытаюсь выяснить, как я могу выровнять который открывается, когда вы нажимаете «около» на нижнюю часть внешнего div, как и в поле «контакт». Контакт также должен быть закреплен на дне.

Могу ли я достичь этого без необходимости изменять javascript, просто изменив css, или мне нужно сделать разные функции переключения для обоих полей?

Благодарю вас, очень ценим.

Answer 1

Все, что вам нужно сделать, это добавить это в ваш .content.

jsFiddle

.content { 
    position: absolute; 
    bottom: 0; 
}