MediaWiki:Mobile.js: Difference between revisions

      if ($('.menu ul:first').length) {

          console.log("mobile menu exists");

          clearInterval(timer);

          $('.menu ul:first').after(

                '<ul class="level1"> \

                      <li> \

                      <a href="#" \

                            class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \

                      <span>Dropdown Links</span> \

                      </a> \

                      </li> \

                      <ul class ="level2"> \

                          <li> \

                          <a href="/index.php?title=Chapter_1:Strategies_for_engineered_outcomes" \

                                class="mw-ui-icon mw-ui-icon-before"> \

                          <span>Strategies for Engineered Outcomes</span> \

                          </a> \

                          </li> \

                          <li> \

                          <a href="/index.php?title=Chapter_2:Structural_engineering" \

                                class="mw-ui-icon mw-ui-icon-before"> \

                          <span>Structural Engineering</span> \

                          </a> \

                          </li> \

                          <li> \

                          <a href="/index.php?title=Chapter_3:Hello" \

                                class="mw-ui-icon mw-ui-icon-before"> \

                          <span>Hello from Chapter 3</span> \

                          </a> \

                          </li> \

                      </ul> \

                </ul> \

                '

            );

            $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked

            $(".level1").click(function(event){  

                $(this).find(".level2").slideToggle(500);

            }); // if level1 is clicked, dropdown level2

      }

  }, 100); // check every 100ms