$(function () { $('#click-nav3 > ul').toggleClass('no-js js'); $('#click-nav3 .js ul').hide(); $('#click-nav3 .js').click(function(e) { $('#click-nav3 .js ul').slideToggle(200); $('#clicker3').toggleClass('active'); e.stopPropagation(); }); $(document).click(function() { if ($('#click-nav3 .js ul').is(':visible')) { $('#click-nav3 .js ul', this).slideUp(); $('#clicker3').removeClass('active'); } }); }); $(function () { $('#click-nav2 > ul').toggleClass('no-js js'); $('#click-nav2 .js ul').hide(); $('#click-nav2 .js').click(function(e) { $('#click-nav2 .js ul').slideToggle(200); $('#clicker2').toggleClass('active'); e.stopPropagation(); }); $(document).click(function() { if ($('#click-nav2 .js ul').is(':visible')) { $('#click-nav2 .js ul', this).slideUp(); $('#clicker2').removeClass('active'); } }); }); $(function () { $('#click-nav1 > ul').toggleClass('no-js js'); $('#click-nav1 .js ul').hide(); $('#click-nav1 .js').click(function(e) { $('#click-nav1 .js ul').slideToggle(200); $('#clicker1').toggleClass('active'); e.stopPropagation(); }); $(document).click(function() { if ($('#click-nav1 .js ul').is(':visible')) { $('#click-nav1 .js ul', this).slideUp(); $('#clicker1').removeClass('active'); } }); });