Помощь моему сайту SlideToggle

Привет, это мой сайт http://www.noor-azmi.com/nt/

Это просто макет веб-сайта, который я делаю для своего портфолио.

Вы увидите 3 поля с надписью «Нажмите, чтобы узнать больше». Я использую для этого функцию Jquery, но если вы нажмете первую кнопку, чтобы скрыть содержимое, содержимое второго поля внезапно переместится под первую кнопку.

Он работает правильно только тогда, когда вы нажимаете на третью кнопку, и содержимое не перемещается. Также на самом деле я хочу, чтобы содержимое не было видно в первую очередь.

Теперь содержимое отображается первым, и когда вы нажимаете, оно скрывается.

Как сделать, чтобы содержимое не было видно в первую очередь?

Кстати, 3 кнопки я создал с помощью 1 класса, но затем каждой из них я дал свой собственный идентификатор.

Это верно ?

То же самое и с третьей панелью содержимого под ней.

Кстати, ниже приведен код, который я использую,

$(документ).ready(функция(){

$("#darwin_button").click(function(){

$("#darwin_panel").slideToggle("медленно");

});

$("#kakadu_button").click(function(){

$("#kakadu_panel").slideToggle("медленно");

});

$("#alice_button").click(function(){

$("#alice_panel").slideToggle("медленно");

});

});