Добрый день! Помогите, пожалуйста, разрешить конфликт двух скриптов. Первый скрипт работает успешно, если удаляю второй. Если второй скрипт добавляю, то первый перестает работать. В чем может быть конфликт? Вот рабочий пример: https://codepen.io/LADYX/pen/aWZPdE Благодарю! Первый скрипт:
$(document).ready(function() {
$('.navbar > ul > li.submenu > a').append('<span class="submenu-button"></span>');
$('.toggleMenu').click(function(e){
$('.navbar > ul').slideToggle();
e.preventDefault();
});
$('.submenu > ul > li').click(function(e){
e.stopPropagation();
});
$('.submenu').click(function(e){
if($(this).hasClass('active')){
$('.navbar > ul > li').removeClass('active');
$('.navbar > ul > li > ul').slideUp();
}else{
$('.navbar > ul > li').removeClass('active');
$('.navbar > ul > li > ul').slideUp();
$(this).addClass('active');
$(this).find('ul').stop().slideToggle();
e.stopPropagation();
}
$('.navbar > ul > li').removeClass('submenu_open');
$(this).addClass('submenu_open');
});
$('body, html').click(function(){
$('.navbar > ul > li').removeClass('active submenu_open');
$('.navbar > ul > li > ul').slideUp(1);
});
});
Второй скрипт:
$(document).ready(function(){
$('a[href^="#"], a[href^="."]').click( function(){
var scroll_el = $(this).attr('href');
if ($(scroll_el).length != 0) {
$('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500);
}
return false;
});
});