Difference between revisions of "Template:Cologne-Duesseldorf/js-jquery"

Line 1: Line 1:
−
<html>
 
−
<body>
 
 
<!-- jQuery -->
 
<!-- jQuery -->
 
<script>
 
<script>
Line 32: Line 30:
 
});
 
});
 
</script>
 
</script>
−
 
−
</body>
 
−
</html>
 

Revision as of 16:04, 5 May 2017

<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>