点击jquery插件上的垂直滑块推送和幻灯片内容

Question

有没有人知道一个jQuery插件可以在点击和向上或向下推送内容时上下滑动内容？如果用户点击＃nav-1，向上滑动＃slide-1（按下＃slide-2和/或3向下），如果用户点击＃nav-2，向上或向下滑动＃slide-2（取决于3或1）已激活），如果用户点击＃nav3，请向上滑动＃slide-3。我找不到一个适用于我的应用程序....谢谢

            <div id="vertical-slider" class="vertical-slider clearfix">
                <div class="slider-nav">
                    <a href="#" class="slide-1">
                        <span id="nav-1" ></span>
                        <span id="nav-2" class="active"></span>
                        <span id="nav-3"></span>
                    </a>
                </div>

                <div class="slides">
                    <div id="slide-1" class="slide ">
                        <h2>Hi, I'm sdf.</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis, massa vitae ultricies consectetur, tellus erat bibendum felis, vel rhoncus est metus nec mauris. Aliquam id iaculis erat.</p>
                        <p>Phasellus facilisis, turpis feugiat vehicula cursus, mi augue interdum enim, in tincidunt nulla velit vel diam. Nam hendrerit lobortis dolor sit amet imperdiet. Morbi leo risus, lobortis fringilla tempor ut, venenatis vel ipsum. </p>
                    </div>

                    <div id="slide-2" class="slide active">
                        <h2>This is the slide heading</h2>
                        <ul>
                            <li>This is a list item</li>
                            <li>This is a list item</li>
                        </ul>
                        Sample link that <a href="#" title="">goes nowehere</a>.
                    </div>

                    <div id="slide-3" class="slide">
                        <h2>Get in Touch!</h2>

                        <div class="connect-icons clearfix">
                            <div class="row email">
                                <span></span><a href="#">jdoe@asdf</a>
                            </div>
                            <div class="row linkedin">
                                <span></span>Connect via <a href="#" title="LinkedIn">LinkedIn</a>
                            </div>
                            <div class="row phone">
                                <span></span><a href="#">(877) 302-2393</a>
                            </div>
                            <div class="row vcard">
                                <span></span>Download <a href="#">vCard</a>
                            </div>
                            <div class="row fax">
                                <span></span>(877) 302-2300
                            </div>
                            <div class="row pdf">
                                <span></span>Download <a href="#">Bio (pdf)</a>
                            </div>
                            <div class="row twitter">
                                <span></span><a href="#">Twitter</a>
                            </div>
                        </div>