Difference between revisions of "Template:Cologne-Duesseldorf/js-jquery"
| Line 1: | Line 1: | ||
| − | <!-- jQuery --> | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
| + | <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> | ||
| + | <!-- jQuery --> | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
Revision as of 16:04, 5 May 2017
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script> $(document).ready(function(){ $('#sidebar-btn').click(function(){ $('#sidebar').toggleClass('visible'); $('#overlay').toggleClass('active'); $('#container').toggleClass('inactive'); $('#sidebar-btn').toggleClass('inactive'); }); $('#overlay').click(function(){ $('#sidebar').toggleClass('visible'); $('#overlay').toggleClass('active'); $('#container').toggleClass('inactive'); $('#sidebar-btn').toggleClass('inactive'); });
$('#sidebar ul ul.sub').click(function(){ $(this).children().toggleClass('active'); }); $(function(){ $( "#container" ).on( "swiperight", swipeHandler ); $( "#overlay" ).on( "swipeleft", swipeHandler ); function swipeHandler( event ){ $('#sidebar').toggleClass('visible'); $('#overlay').toggleClass('active'); $('#container').toggleClass('inactive'); $('#sidebar-btn').toggleClass('inactive'); } }); }); </script>
