表示/非表示とスクロールの接続方法

Question

私の1ページのWebサイトでギャラリーを作成します。私は私の仕事の詳細を表示するには、表示/非表示とスクロール を使用してみてください。しかし、私はそれを働かせるために一緒に接続する方法を知らない。

ここでコードギャラリー。私はそれを開いてそれについての情報を押します。ここで

<li> 
 
    <a href="#single-project" class="show_hide more" rel="#slidingDiv8" > 
 
    <div class="item web-design" data-ref="mixitup-target"> 
 
     <img src="img/1.png" alt="project 9"> 
 
    </div> 
 
    <div class="caption"> 
 
     <div class="blur"></div> 
 
     <div class="caption-text"> 
 
     <h6>Amazing Caption</h6> 
 
     <p>Whatever It Is - Always Awesome</p> 
 
     </div> 
 
    </div> 
 
    </a> 
 
</li>

は、私は上記のコードに入れたいScrolitです。私はスタートのdivで

<li><a data-scroll-nav='4'></a></li>

<section data-scroll-index='4'>

を追加するにはどうすれば彼らが一緒に動作するように/非表示とscrollit示して接続しますか？いくつかの時間を試して、表示/非表示のみスクロールされません。

Answer 1

Jqueryトグルクラスを使用しようとしていますか？はい、jQueryのトリガーは、この$(selector).toggle(speed,callback);

希望のように呼び出すことができる場合は、この

https://jsfiddle.net/pq8ef3dw/