Div fadeIn с особым условием

во-первых, извините за мой плохой английский...

Хорошо, вот ситуация:

У меня есть одностраничный сайт с панелью навигации, которая выглядит так

<ul>
    <li><a href="link1">#section1</a></li>
    <li><a href="link2">#section2</a></li>
</ul>

Кроме того, у меня запущен jquery-скрипт, который постепенно увеличивает или уменьшает панель навигации и добавляет или удаляет класс .selected в элемент списка со ссылкой на идентификатор, который в данный момент виден на экране (scrollspy).

А теперь вот проблема:

Я хочу получить ссылку с классом .selected, например. «#section2», а затем я хочу сделать видимым div.

Может, я слишком сложно мыслю. Бедная проблема: покажите мне конкретный div на конкретном сайте. Я думаю, что скрипт, который уже запущен, может помочь. Может быть, я ошибаюсь.

Помогите мне, пожалуйста!

Спасибо

РЕДАКТИРОВАТЬ:

попробуйте прокрутить вниз эту плохо созданную скрипку;) на странице 2, и только на странице 2 должна появиться проблема с идентификатором div! http://jsfiddle.net/2a555dyy/


jquery fadein
person user3449855    schedule 24.09.2014    source источник
comment
РЕДАКТИРОВАТЬ ! Вставил правильную скрипку...   -  person user3449855    schedule 24.09.2014

Ответы (2)


arrow_upward
1
arrow_downward

Если это не решение, не могли бы вы добавить jsfiddle? :)

$('a.selected').click(function() {
      $('.sites').fadeOut();
      $('#side1 .myDiv').fadeIn();
});

Найдите мой пример здесь:

http://jsfiddle.net/h7wwe8xg/

person Peter Pawn    schedule 24.09.2014

arrow_upward
0
arrow_downward

Где находится div (который вы хотите включать и выключать)? Я думаю, вы можете показать/скрыть div с помощью простого CSS.

.div {display: none}
#section2 .div {display: block}

Вы можете сделать более красивую анимацию (исчезновение/исчезновение), используя хук, предоставленный spyscroll. быстрое исследование заставляет меня думать, что это возможно:

$('.tile').on('scrollSpy:enter', function() {
    // put your fade in code here
});

$('.tile').on('scrollSpy:exit', function() {
    // fadeout code here
});
person Melissa Hie    schedule 24.09.2014