Jquery - Link ad un div specifico anziché con le freccette

[LindaXp]

Ciao a tutti,
volevo chiedervi un aiuto riguardo uno script che consente l'apertura di div attraverso freccette e dots. Sto cercando di capire come, anziché avanti e indietro con freccette e dots appunto, sia possibile puntare direttamente ad un determinato div, mi spiego meglio:


lo script genera freccetta sinistra e destra per navigare su 4 div, se volessi un link che va direttamente al 3 div come potrei modificare il codice?

        <script type="text/javascript">    
            $(function() {
            
                var Page = (function() {


                    var $navArrows = $( '#nav-arrows' ),
                        $nav = $( '#nav-dots > span' ),
                        slitslider = $( '#slider' ).slitslider( {
                            onBeforeChange : function( slide, pos ) {


                                $nav.removeClass( 'nav-dot-current' );
                                $nav.eq( pos ).addClass( 'nav-dot-current' );


                            }
                        } ),


                        init = function() {


                            initEvents();
                            
                        },
                        initEvents = function() {


                            // add navigation events
                            $navArrows.children( ':last' ).on( 'click', function() {


                                slitslider.next();
                                return false;


                            } );


                            $navArrows.children( ':first' ).on( 'click', function() {
                                
                                slitslider.previous();
                                return false;


                            } );


                            $nav.each( function( i ) {
                            
                                $( this ).on( 'click', function( event ) {
                                    
                                    var $dot = $( this );
                                    
                                    if( !slitslider.isActive() ) {


                                        $nav.removeClass( 'nav-dot-current' );
                                        $dot.addClass( 'nav-dot-current' );
                                    
                                    }
                                    
                                    slitslider.jump( i + 1 );
                                    return false;
                                
                                } );
                                
                            } );


                        };


                        return { init : init };


                })();


                Page.init();


                /**
                 * Notes: 
                 * 
                 * example how to add items:
                 */


                /*
                
                var $items  = $('<div class="sl-slide sl-slide-color-2" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1"><div class="sl-slide-inner bg-1"><div class="sl-deco" data-icon="t"></div><h2>some text</h2><blockquote><p>bla bla</p><cite>Margi Clarke</cite></blockquote></div></div>');
                
                // call the plugin's add method
                ss.add($items);


                */
            
            });
        </script>

Vi ringrazio in anticipo qualora ricevessi un suggerimento.
Grazie

[LeleFT]

Sposto nella sezione JavaScript.

Ciao.