jQuery

【jQuery】サイドバーナビゲーションSidebar Navigation with SASS & jQuery

August 9, 2016
Sidebar Navigation using jQuery & SASS

Sidebar Navigation with SASS & jQueryはサイドバーナビゲーションプラグイン。

CSS&JS

    <link rel="stylesheet" href="css/test.css"/>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/main.js"></script>

HTML

    <div class="container">
        <div class="sidebar">
            <ul>
                <li>Link</li>
                <li>Another Link</li>
                <li>jQuery</li>
                <li>SASS</li>
                <li>Another Link</li>
                <li>Link</li>
            </ul>

        </div>
        <div class="main">
            <div class="hover-screen">

            </div>
            <div class="banner">
                <p class="title">Sidebar Navigation using jQuery & SASS</p>
                <p id="toggleButton">
                    Toggle
                </p>
                <div class="footer">
                    <p>Made by <a href="http://surajpotnuru.github.io" target="_blank">Suraj</a></p>
                    <p>Download From <a href="https://github.com/surajpotnuru/sidebar-navigation-with-sass-and-jquery" target="_blank">Github</a></p>
                </div>
            </div>
        </div>
    </div>