Скрытие всего, кроме последнего элемента div, при загрузке страницы с помощью виджета JQuery UI Accordion

Question

Я посмотрел примеры из другого поста на этом сайте о том, как скрыть div при загрузке страницы, но у меня проблема с моим последним div. Последний div содержит контент galleriffic, который динамически загружается на основе фотографий, по которым щелкнули.

Я пытался скрыть div с помощью CSS и JavaScript, и они оба работали. Однако они работали слишком хорошо, потому что галлерифический контент не показывался в последнем div после загрузки страницы. У меня последний div установлен как активный при загрузке страницы, поэтому я хочу, чтобы страница запускалась при загрузке.

Есть предложения по этому поводу?

Answer 1

$(function() {
    $('div').hide();
    $('div:last').show();
});

Answer 2

Я не знаю вашу разметку, но что-то вроде этого должно работать:

$('div:not(:last)').hide();