Difference between revisions of "MediaWiki:Mobile.js"
Jump to navigation
Jump to search
| Line 134: | Line 134: | ||
</a> | </a> | ||
</li> | </li> | ||
| − | </ul> | + | </ul> |
); | ); | ||
$(".menu").find(".level2").hide(); // hide level2 until level1 is clicked | $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked | ||
Revision as of 03:11, 17 October 2020
/* Any JavaScript here will be loaded for users using the mobile site */
var timer = setInterval(function() {
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-mf-expand mw-ui-icon-small">
<span>Categories</span>
</a>
</li>
<ul class="level2">
<li>
<a href="https://wiki.recessim.com/view/Amateur_Radio"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-download">
<span>Amateur Radio</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Automotive"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-mapPin">
<span>Automotive</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Entertainment"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Entertainment</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Home"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Home</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Industrial"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Industrial</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Wearable"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Wearable</span>
</a>
</li>
</ul>
</ul>
<ul class="level1">
<li>
<a href="#"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-mf-expand mw-ui-icon-small">
<span>Reversing Tools</span>
</a>
</li>
<ul class="level2">
<li>
<a href="https://wiki.recessim.com/view/Basic_Tools"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-download">
<span>Basic</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Electronic_Tools"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-mapPin">
<span>Electronic</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Mechanical_Tools"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Mechanical</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Software_Tools"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Software</span>
</a>
</li>
</ul>
</ul>
<ul>
<ul class="level1">
<li>
<a href="#"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-mf-expand mw-ui-icon-small">
<span>Resources</span>
</a>
</li>
<ul class="level2">
<li>
<a href="https://wiki.recessim.com/view/Literature"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-download">
<span>Literature</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Video"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-mapPin">
<span>Video</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Conferences"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Conferences</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/People"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>People</span>
</a>
</li>
<li>
<a href="https://wiki.recessim.com/view/Other_Sites"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20">
<span>Other Sites</span>
</a>
</li>
</ul>
</ul>
<ul>
<li>
<a href="/wiki/Second_Link"
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20">
<span>Second Link</span>
</a>
</li>
</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
