Jquery Coda Slider Help
<p>please help me with my code,</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Build Slider&lt;/title&gt;

    &lt;style type="text/css"&gt;

    body  { text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
    a     { text-decoration: none; }
    div   { position: relative;  }

    #mainwrap {
        width: 950px;
        background: #CCC;
        text-align: left;
        margin: 0 auto;
        padding: 10px;
    }

    #logo { width: 950px; background: #fff; padding: 10px; left: -10px; }
    #logo a { color: #6CF;}
    #topnav { position: absolute; width: 450px; top: 30px; right: -10px; }
    #topnav ul { list-style: none; margin: 0; padding: 0; }
    #topnav ul li { float: left; }
    #topnav ul li a { padding: 5px 10px; display: block; color: #6CF; }
    #topnav ul li a:hover { background: #CF9; border-bottom: solid 2px #6CF; border-top: solid 2px #6CF;  }

    #mcontent_hold #home,
    #mcontent_hold #about,
    #mcontent_hold #product,
    #mcontent_hold #contact {
        height: 450px;
        background: #CFC;
        width: 950px;
    }

    &lt;/style&gt;

    &lt;script src="http://jqueryfordesigners.com/demo/jquery-1.2.6.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="http://jqueryfordesigners.com/demo/jquery.scrollTo-1.3.3.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="http://jqueryfordesigners.com/demo/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script src="http://jqueryfordesigners.com/demo/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;

    &lt;script type="text/javascript" charset="utf-8"&gt;

    // when the DOM is ready...
    $(document).ready(function () {

        var $panels = $('#mainwrap #mcontent_hold &gt; div');
        var $container = $('#mainwrap #mcontent_hold');

        // if false, we'll float all the panels left and fix the width 
        // of the container
        var horizontal = true;

        // float the panels left if we're going horizontal
        if (horizontal) {
            $panels.css({
                'float' : 'left',
                'position' : 'relative' // IE fix to ensure overflow is hidden
            });

            // calculate a new width for the container (so it holds all panels)
            $container.css('width', $panels[0].offsetWidth * $panels.length);
        }

        // collect the scroll object, at the same time apply the hidden overflow
        // to remove the default scrollbars that will appear
        var $scroll = $('#mcontent').css('overflow', 'hidden');

        // apply our left + right buttons
        $scroll
            .before('&lt;img class="scrollButtons lefts" src="images/scroll_left.png" /&gt;')
            .after('&lt;img class="scrollButtons rights" src="images/scroll_right.png" /&gt;');

        // handle nav selection
        function selectNav() {
            $(this)
                .parents('ul:first')
                    .find('a')
                        .removeClass('selected')
                    .end()
                .end()
                .addClass('selected');
        }

        $('#top').find('a').click(selectNav);

        // go find the navigation link that has this target and select the nav
        function trigger(data) {
            var el = $('#topnav .nav').find('a[href$="' + data.id + '"]').get(0);
            selectNav.call(el);
        }

        if (window.location.hash) {
            trigger({ id : window.location.hash.substr(1) });
        } else {
            $('ul.nav a:first').click();
        }

        // offset is used to move to *exactly* the right place, since I'm using
        // padding on my example, I need to subtract the amount of padding to
        // the offset.  Try removing this to get a good idea of the effect
        var offset = parseInt((horizontal ? 
            $container.css('paddingTop') : 
            $container.css('paddingLeft')) 
            || 0) * -1;


        var scrollOptions = {
            target: $scroll, // the element that has the overflow

            // can be a selector which will be relative to the target
            items: $panels,

            navigation: '.nav a',

            // selectors are NOT relative to document, i.e. make sure they're unique
            prev: '', 
            next: '',

            // allow the scroll effect to run both directions
            axis: 'xy',

            onAfter: trigger, // our final callback

            offset: offset,

            // duration of the sliding effect
            duration: 600,

            // easing - can be used with the easing plugin: 
            // http://gsgd.co.uk/sandbox/jquery/easing/
            easing: 'swing'
        };

        // apply serialScroll to the slider - we chose this plugin because it 
        // supports// the indexed next and previous scroll along with hooking 
        // in to our navigation.
        $('#mainwrap').serialScroll(scrollOptions);

        // now apply localScroll to hook any other arbitrary links to trigger 
        // the effect
        $.localScroll(scrollOptions);

        // finally, if the URL has a hash, move the slider in to position, 
        // setting the duration to 1 because I don't want it to scroll in the
        // very first page load.  We don't always need this, but it ensures
        // the positioning is absolutely spot on when the pages loads.
        scrollOptions.duration = 1;
        $.localScroll.hash(scrollOptions);

    });   



    &lt;/script&gt;



&lt;/head&gt;
&lt;body&gt;

&lt;div id="mainwrap"&gt;
    &lt;div class="fxwrap"&gt;
        &lt;div id="mainholder"&gt;

            &lt;div id="top"&gt;
                &lt;div id="logo" class="gd"&gt;&lt;h1&gt;&lt;a class="active" href="#"&gt;Logo Here&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
                &lt;div id="topnav" class="gd"&gt;
                    &lt;ul class="nav"&gt;
                      &lt;li class="page home"&gt;&lt;a title="" href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page about"&gt;&lt;a title="" href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page about"&gt;&lt;a title="" href="#product"&gt;Product&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page journal"&gt;&lt;a title="" href=""&gt;Blog&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page contact"&gt;&lt;a title="" href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;                        
               &lt;/div&gt;
            &lt;/div&gt;

            &lt;div id="mcontent"&gt;
                &lt;div id="mcontent_hold"&gt;

                    &lt;div id="home"&gt;Home Goes Here&lt;/div&gt;
                &lt;div id="about"&gt;About Goes Here&lt;/div&gt;
                    &lt;div id="product"&gt;Product Goes Here&lt;/div&gt;
                    &lt;div id="contact"&gt;Contact Goes Here&lt;/div&gt;

                &lt;/div&gt;
            &lt;/div&gt;

            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vehicula euismod ligula, nec ullamcorper sem commodo egestas. Pellentesque posuere elementum nunc sed pretium. Quisque sed lectus et sem porta dignissim. Aliquam ipsum mi, &lt;a href="#about"&gt;vulputate&lt;/a&gt; vitae molestie eget, &lt;a href="#"&gt;vestibulum&lt;/a&gt; sed quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam sed semper nulla. Cras in convallis dui. Donec ornare magna vitae libero egestas vel fermentum purus rhoncus. Phasellus congue, velit et bibendum tincidunt, metus erat sodales dolor, fermentum adipiscing enim ligula id tortor. Vivamus blandit sodales metus, vel ultricies arcu malesuada vel. Vestibulum dui risus, rhoncus et elementum et, scelerisque at neque. In dapibus, libero ac laoreet blandit, velit ligula dignissim massa, et mollis tellus dolor sit amet justo. Donec mauris arcu, gravida vel egestas auctor, porttitor eget mauris. In vel mauris lacus. &lt;/p&gt;

      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>In my top navigation (Home,Product,Blog,&amp; Contact). I don't want to include the 'Blog' button in scrolling. I can't figure out what's wrong with my code, I already remove any anchor link in the 'Blog' but it still keep scrolling to the last page. </p>

<p>please help me, thanks!</p>
