mortvader

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8" />
        <title>mortvader</title>
        <style type="text/css">
            #panels, #inner, .panel{ height: 375px; }

            #panels, .panel{ width: 480px; }

            #panels{
                overflow: auto;
                border: 1px solid #000;
            }

            #inner{ width: 4900px; }

            .panel{ float: left; }
        </style>
        <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
        <script type="text/javascript" src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#link").click(function(){
                    $("#panels").scrollTo($("#scrollhertil"), 800);

                    // Sørg for at linkets standard funktionalitet stoppes
                    return false;
                });
            });
        </script>
    </head>
    <body>
        <div id="navigation">
            <ul>
                <li><a href="#projektoversigt">Projektoversigt</a></li>
                <li><a id="link" href="#">please go scrolling!</a></li>
                <li><a href="#kalender">Kalender</a></li>
                <li><a href="#projekt">Projekt</a></li>
                <li><a href="#medarbejder">Medarbejder</a></li>
                <li><a href="#teknik">Teknik</a></li>
            </ul>
        </div>
        <div id="panels">
            <div id="inner">
                <div id="projektoversigt" class="panel"><h1>Projektoversigt</h1></div>
                <div id="scrollhertil" class="panel"><h1>Medarbejderoversigt</h1></div>
                <div id="kalender" class="panel"><h1>Kalender</h1></div>
                <div id="projekt" class="panel"><h1>Projekt</h1></div>
                <div id="medarbejder" class="panel"><h1>Medarbejder</h1></div>
                <div id="teknik" class="panel"><h1>Teknik</h1></div>
            </div>
        </div>
    </body>
</html>