Difference between revisions of "Template:NEU China B"

    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    $(document).ready(function () {

        $("#HQ_page").attr('id', '');

        //highlight current page on the menu

        highlight_current_page_menu();

        //accessing submenus

        $(".menu_item").click(function () {

            $(".submenu_control_icon", this).toggleClass("open");

            $(this).next(".submenu").fadeToggle(400);

        });

        //mobile menu access  

        $(".igem_2018_team_mobile_bar").click(function () {

            $(this).next().toggleClass("displaying_menu");

        });

    });

    function highlight_current_page_menu() {

        var page_url = "https://2018.igem.org/";

        page_url = page_url + wgPageName;

        $("a[href$='" + page_url + "']").children().addClass("current_page");

        //if the page is in a submenu, open the submenu and make the appropiate changes

        if ($(".current_page").hasClass("submenu_item")) {

            $(".current_page").parent().parent().fadeToggle(400);

            $(".current_page").parent().parent().prev().addClass("current_page");

            $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");

        }

    }

    /**************************************************************************************************************************************************************************************************/

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title Page</title>

    <!-- Bootstrap CSS -->

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>

    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <div class="igem_logo_mobile">

        <img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">

    </div>

    <div class="igem_menu_control_mobile">

        <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">

    </div>

    .bs-docs-nav {

    <div class="container">

        <div class="navbar-header">

            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar"

                aria-controls="bs-navbar" aria-expanded="false">

                <span class="sr-only">Toggle navigation</span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

            </button>

            <a href="/" class="navbar-brand">NEU_China_B</a>

        </div>

        <nav id="bs-navbar" class="collapse navbar-collapse">

            <ul class="nav navbar-nav">

                <li class="dropdown">

                    <a href="#">Project<span class="caret"></span></a>

                    <ul class="dropdown-menu">

                        <li><a href="#">background</a></li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Description">

                                Description

                            </a>

                        </li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Design">

                                Design

                            </a>

                        </li>

                        <li><a href="#">application</a></li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Results">

                                Results

                            </a>

                        </li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Improve">

                                Improvement

                            </a>

                        </li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Model">

                                Models

                            </a>

                        </li>

                    </ul>

                </li>

                <li class="dropdown">

                    <a href="#">Lab<span class="caret"></span></a>

                    <ul class="dropdown-menu">

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/InterLab">

                                InterLab

                            </a>

                        </li>

                        <li><a href="#">workflow</a></li>

                        <li><a href="#">protocols</a></li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Notebook">

                                Notebook

                            </a>

                        </li>

                        <li><a href="#">material&equipment</a></li>

                        <li><a href="https://2018.igem.org/Team:NEU_China_B/Safety">SAFETY</a></li>

                    </ul>

                </li>

                <li class="dropdown">

                    <a href="#">Parts<span class="caret"></span></a>

                    <ul class="dropdown-menu">

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Basic_Part">

                                Basic Parts

                            </a>

                        </li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Composite_Part">

                                Composite Parts

                            </a>

                        </li>

                    </ul>

                </li>

                <li class="dropdown">

                    <a href="#">Human practice<span class="caret"></span></a>

                    <ul class="dropdown-menu">

                        <li><a href="#">human practice for sliver</a></li>

                        <li><a href="#">integrated human practice for gold collaboration</a></li>

                        <li><a href="#">characterization</a></li>

                    </ul>

                </li>

                <li class="dropdown">

                    <a href="#">Tram<span class="caret"></span></a>

                    <ul class="dropdown-menu">

                        <li><a href="#">membership</a></li>

                        <li>

                            <a href="https://2018.igem.org/Team:NEU_China_B/Attributions">

                                Attributions

                            </a>

                        </li>

                    </ul>

                </li>

            </ul>

            <ul class="nav navbar-nav navbar-right">

            </ul>

        </nav>

    </div>

    <a class="btn btn-default" href="#top" role="button">got to top</a>