Div FadeIn с конкретным состоянием

Question

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

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

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

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

Additonally У меня есть jquery-script running, который затухает навигационную панель или выходит и добавляет или удаляет класс. Выбирается в listitem со ссылкой на идентификатор, который в настоящее время отображается на экране (scrollspy).

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

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

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

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

Спасибо

EDIT:

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

Answer 1

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

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

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

http://jsfiddle.net/h7wwe8xg/

Answer 2

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

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

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

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

$('.tile').on('scrollSpy:exit', function() { 
    // fadeout code here 
});