2013-07-17 3 views
2

Я работаю над сайтом, у которого нет поля зрения до тех пор, пока не будет нажата ссылка.Скрыть Div с jQuery После того, как обратная кнопка нажата

Все это работает нормально, пока не будет нажата кнопка «Назад», и «новый» div все еще отображается.

Как настроить его так, чтобы при нажатии кнопки «Назад» домашняя страница вернулась в исходное состояние?

См. Пример http://electrickiwi.co.uk/test/fatr/3. Если вы нажмете ссылку «Новости», появится новый div с областью меню и содержимого. Нажмите «Домой», и div исчезнет, ​​вернув вас на исходную домашнюю страницу. Попробуйте снова нажать «Новости», а затем нажмите кнопку «Назад». Фон меню (div.left) исчезает, но фактическое меню все еще отображается.

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

Есть ли простой способ сделать это?

ответ

2

Вы должны поместить этот код ниже внутри hashchange обратного вызова

jQuery("#content").fadeOut(1300) 
+0

Спасибо за ваш ответ. Я не знаю, где вы говорите, чтобы я включил это. Сможете ли вы представить пример в контексте для меня? Благодаря! – rossautomatica

+1

$ (window) .bind ('hashchange', function (event) { var tgt = location.hash.replace (/^# \ /? /, ''); if (tgt == 'home') { \t jQuery ("# ​​content"). FadeOut (1300) } }); $ (окно) .trigger ('hashchange'); –

+0

Большое вам спасибо - вы спасатель! Добавлен код, и все, кажется, работает по назначению. Спасибо! – rossautomatica

0

использование toggle()

Это может изменить видимость на основе события вы задаете

+0

Спасибо за ваш ответ. Сможете ли вы поместить это в контекст для меня? Использую ли я это в сочетании с функцией .unload()? Не могли бы вы рассказать мне, как реализовать это с #menu div, который я хочу скрыть, если нажата кнопка «Назад»? – rossautomatica