JS Раскрывающееся меню

231
06 марта 2018, 03:15
 if ($('body').width() < 768) {
  jQuery('.tab-heading').append('<i class="fa fa-plus-circle"></i>');
  jQuery('.tab-heading').on("click", function() {
    if (jQuery(this).find('i').hasClass('fa-minus-circle')) {
      jQuery(this).find('i').removeClass('fa-minus-circle').parents('.tabs').find('.tab-content').slideToggle();
    } else {
      jQuery(this).find('i').addClass('fa-minus-circle').parents('.tabs').find('.tab-content').slideToggle();
    }
  })
};
if ($('body').width() < 768) {
  jQuery('.btn-rew a').on("click", function() {
    if (jQuery('#tab-review .tab-heading').find('i').hasClass('fa-minus-circle')) {} else {
      jQuery('#tab-review .tab-heading').find('i').addClass('fa-minus-circle').parents('.tabs').find('.tab-content').slideToggle();
    }
  })
};
});
$(document).ready(function() {
  $('aside').find('.box-content .afine li > a').prepend('<i class="fa fa-caret-right"></i>');
  $('aside').find('.box-content .info li > a').prepend('<i class="fa fa-caret-right"></i>');
  $('aside').find('.box-content .info-list li > a').prepend('<i class="fa fa-caret-right"></i>');
  $('aside').find('.box-content .acount li > a').prepend('<i class="fa fa-caret-right"></i>');
  $('#content').find('.manufacturer-list ul>li>a').prepend('<i class="fa fa-caret-right"></i>');
  $('#content').find('.sitemap-info ul>li>a').prepend('<i class="fa fa-caret-right"></i>');
  $('#content').find('.content ul li>a').prepend('<i class="fa fa-caret-right"></i>');
});
$(document).ready(function() {
      jQuery('.box .box-category').find('li.parent').prepend('<i class="fa fa-chevron-circle-down"></i>');
      jQuery(this).find('ul a.active').closest('li.parent').find('> ul').slideToggle().closest('li.parent').find('>i').addClass('fa-chevron-up');
      jQuery('.box .box-category li.parent i').on("click", function() {
        if (jQuery(this).hasClass('fa-chevron-circle-up')) {
          jQuery(this).removeClass('fa-chevron-circle-up').parent('li.parent').find('> ul').slideToggle();
        } else {
          jQuery(this).addClass('fa-chevron-circle-up').parent('li.parent').find('> ul').slideToggle();
        }
      });

Итак, меню на сайте разворачивается и через секунду заезжает обратно. Как убрать данное поведение? Код выше. Нужно, что-бы она выезжало по клику и по нему же заезжало

я походу не то кинул вот весь файл

$('.success span, .warning span, .attention span, .information span').live('click',function(){$(this).parent().fadeOut('slow',function(){$(this).remove();});});$(document).ready(function(){$("a[data-gal^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'facebook',slideshow:5000,autoplay_slideshow:false,animation_speed:'fast',slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,keyboard_shortcuts:true,});});jQuery(document).ready(function(){(function($){$(document).ready(function(){var exampleOptions={speed:'fast'}
var example=$('#menu').superfish(exampleOptions);});})(jQuery);});jQuery(document).ready(function(){var IE='\v'=='v';jQuery("#back-top").hide();jQuery(function(){jQuery(window).scroll(function(){if(!IE){if(jQuery(this).scrollTop()>100){jQuery('#back-top').fadeIn();}else{jQuery('#back-top').fadeOut();}}
else{if(jQuery(this).scrollTop()>100){jQuery('#back-top').show();}else{jQuery('#back-top').hide();}}});jQuery('#back-top a').click(function(){jQuery('body,html').animate({scrollTop:0},800);return false;});});});$(function(){$('header .links li').last().addClass('last');$('.breadcrumb a').last().addClass('last');$('.box-category li').last().addClass('last');$('.cart tr').eq(0).addClass('first');if($('aside#column-left').length&&!$('aside#column-right').length){$('#content.col-sm-9').addClass('right');}
if($('aside#column-right').length&&$('#content.col-sm-6').length){$('aside#column-right').addClass('right');}});$(document).ready(function(){$('#content .banner a').hover(function(){$(this).parent().find('.s-desc h1').css({color:'#ffe61f'});$(this).parent().find('.s-desc h1').css({backgroundColor:'#000000'});},function(){$(this).parent().find('.s-desc h1').css({color:'#000000'});$(this).parent().find('.s-desc h1').css({backgroundColor:'#ffe61f'});})});$(document).ready(function(){$('aside .banner a').hover(function(){$(this).parent().find('.s-desc > span').css({color:'#ffe61f'});},function(){$(this).parent().find('.s-desc > span').css({color:'#ffffff'});})});$(document).ready(function(){$('.jcarousel-list li a img').css({opacity:'0.3'});$('.jcarousel-list li a img').hover(function(){jQuery(this).stop(true,false).animate({opacity:'1'},{duration:250});},function(){jQuery(this).stop(true,false).animate({opacity:'0.3'},{duration:250});})});$(document).ready(function(){$('.related-carousel .box-product ul').jcarousel({vertical:false,visible:4,scroll:1});});$(document).ready(function(){$('div.image-caroucel').jcarousel({vertical:false,visible:3,scroll:1});jQuery('.header-button').on("click",function(){var ul=jQuery(this).find('.ul')
if(ul.is(':hidden'))
ul.slideDown(),jQuery(this).addClass('active')
else
ul.slideUp(),jQuery(this).removeClass('active')
jQuery('.header-button').not(this).find('.ul').slideUp()
return false});jQuery(document).click(function(){jQuery('.header-button').removeClass('active').find('.ul').slideUp()});jQuery(document).ready(function(){if($(body).width()<768){jQuery('.top-search').on("click",function(){if($('#search').css('display')=='none'){$('#search').animate({height:'show'},2000);}else{$('#search').animate({height:'hide'},200);}});jQuery(document).on("click touchstart",function(){$('#search').animate({height:'hide'},200);});jQuery('#search').on("click touchstart",function(event){event.stopPropagation();});jQuery('.top-search').on("click touchstart",function(event){event.stopPropagation();});};});jQuery("#menu-icon").on("click",function(){jQuery(".sf-menu-phone").slideToggle();jQuery(this).toggleClass("active");});jQuery('.sf-menu-phone').find('li.parent').append('<i class="fa fa-angle-down"></i>');jQuery('.sf-menu-phone li.parent i').on("click",function(){if(jQuery(this).hasClass('fa-angle-up')){jQuery(this).removeClass('fa-angle-up').parent('li.parent').find('> ul').slideToggle();}
else{jQuery(this).addClass('fa-angle-up').parent('li.parent').find('> ul').slideToggle();}});});var sect=1;$(document).ready(function(){$('.shadow').height($('#page').height());$(window).resize(function(){$('.shadow').height($('#page').height());});var sects=$('.shadow').size();$('.swipe').height($(window).height()-50);$(window).resize(function(){$('.swipe').height($(window).height()-50);});var sects=$('.swipe').size();});$(document).ready(function(){if($('body').width()<768){jQuery('.col-sm-3 .box-heading').append('<i class="fa fa-plus-circle"></i>');jQuery('.col-sm-3 .box-heading').on("click",function(){if(jQuery(this).find('i').hasClass('fa-minus-circle')){jQuery(this).find('i').removeClass('fa-minus-circle').parents('.col-sm-3 .box').find('.box-content').slideToggle();}
else{jQuery(this).find('i').addClass('fa-minus-circle').parents('.col-sm-3 .box').find('.box-content').slideToggle();}})};if($('body').width()>940){$('.tooltip-toggle').tooltip({selector:"a[data-toggle=tooltip]"})
$('.tooltip-1').tooltip({placement:'bottom'})
$('.tooltip-2').tooltip({placement:'top'})
$('.tooltip-3').tooltip({placement:'left'})
$('.tooltip-4').tooltip({placement:'right'})}
if($('body').width()<768){jQuery('.tab-heading').append('<i class="fa fa-plus-circle"></i>');jQuery('.tab-heading').on("click",function(){if(jQuery(this).find('i').hasClass('fa-minus-circle')){jQuery(this).find('i').removeClass('fa-minus-circle').parents('.tabs').find('.tab-content').slideToggle();}
else{jQuery(this).find('i').addClass('fa-minus-circle').parents('.tabs').find('.tab-content').slideToggle();}})};if($('body').width()<768){jQuery('.btn-rew a').on("click",function(){if(jQuery('#tab-review .tab-heading').find('i').hasClass('fa-minus-circle')){}else{jQuery('#tab-review .tab-heading').find('i').addClass('fa-minus-circle').parents('.tabs').find('.tab-content').slideToggle();}})};});$(document).ready(function(){$('aside').find('.box-content .afine li > a').prepend('<i class="fa fa-caret-right"></i>');$('aside').find('.box-content .info li > a').prepend('<i class="fa fa-caret-right"></i>');$('aside').find('.box-content .info-list li > a').prepend('<i class="fa fa-caret-right"></i>');$('aside').find('.box-content .acount li > a').prepend('<i class="fa fa-caret-right"></i>');$('#content').find('.manufacturer-list ul>li>a').prepend('<i class="fa fa-caret-right"></i>');$('#content').find('.sitemap-info ul>li>a').prepend('<i class="fa fa-caret-right"></i>');$('#content').find('.content ul li>a').prepend('<i class="fa fa-caret-right"></i>');});$(document).ready(function(){jQuery('.box .box-category').find('li.parent').prepend('<i class="fa fa-chevron-circle-down"></i>');jQuery(this).find('ul a.active').closest('li.parent').find('> ul').slideToggle().closest('li.parent').find('>i').addClass('fa-chevron-up');jQuery('.box .box-category li.parent i').on("click",function(){if(jQuery(this).hasClass('fa-chevron-circle-up')){jQuery(this).removeClass('fa-chevron-circle-up').parent('li.parent').find('> ul').slideToggle();}
else{jQuery(this).addClass('fa-chevron-circle-up').parent('li.parent').find('> ul').slideToggle();}});$('.related-slider').bxSlider({pager:false,controls:true,slideMargin:30,minSlides:1,maxSlides:4,slideWidth:170,infiniteLoop:false,moveSlides:1});$('#gallery').bxSlider({pager:false,controls:true,minSlides:1,maxSlides:1,infiniteLoop:false,moveSlides:1});$('#image-additional').bxSlider({pager:false,controls:true,slideMargin:10,minSlides:3,maxSlides:3,slideWidth:70,infiniteLoop:false,moveSlides:1});});$(document).ready(function(){var fl=true;$('.addToCart').click(function(){if(fl){fl=false;var tis=$(this);$.ajax({url:'index.php?route=checkout/cart/add',type:'post',data:'product_id='+tis.attr("data-id"),dataType:'json',content:this,success:$.proxy(function(json){$('.success, .warning, .attention, .information, .error').remove();if(json['redirect']){location=json['redirect'];}
if(json['error']){if(json['error']['warning']){$('#notification').html('<div class="warning" style="display: none;">'+json['error']['warning']+'<span class="close"><i class="fa fa-times-circle"></i></span></div>');}}
if(json['success']){$('#notification').html('<div class="success" style="display: none;"><i class="fa fa-thumbs-up"></i>'+json['success']+'<span class="close"><i class="fa fa-times-circle"></i></span></div>');$('.success').fadeIn('slow');$('#cart-total').html(json['total']);$('#cart-total2').html(json['total']);$('#cart .content').html(json['output']);$('#cart').load('index.php?route=module/cart #cart > *');animateProduct(tis.parents('li').find(".image2 img"),$("#cart"));}
setTimeout(function(){$('.success').fadeOut(1000)},3000)},this)});}});function animateProduct(image,cart){var image_offset=image.offset();$("body").append('<img src="'+image.attr('src')+'" id="temp" style="position: absolute; z-index:9999; top:'+image_offset.top+'px; left:'+image_offset.left+'px" />');var cart_offset=cart.offset();params={top:cart_offset.top+'px',left:cart_offset.left+'px',opacity:0.0,width:cart.width(),height:cart.height()};$('#temp').animate(params,'slow',false,function(){$('#temp').remove();fl=true;});}});$(document).ready(function(){var fl=true;$('.addToCart-1').click(function(){if(fl){fl=false;var tis=$(this);$.ajax({url:'index.php?route=checkout/cart/add',type:'post',data:'product_id='+tis.attr("data-id"),dataType:'json',content:this,success:$.proxy(function(json){$('.success, .warning, .attention, .information, .error').remove();if(json['redirect']){location=json['redirect'];}
if(json['error']){if(json['error']['warning']){$('#notification').html('<div class="warning" style="display: none;">'+json['error']['warning']+'<span class="close"><i class="fa fa-times-circle"></i></span></div>');}}
if(json['success']){$('#notification').html('<div class="success" style="display: none;"><i class="fa fa-thumbs-up"></i>'+json['success']+'<span class="close"><i class="fa fa-times-circle"></i></span></div>');$('.success').fadeIn('slow');$('#cart-total').html(json['total']);$('#cart-total2').html(json['total']);$('#cart .content').html(json['output']);$('#cart').load('index.php?route=module/cart #cart > *');animateProduct(tis.parents('.preview').find(".image3 img"),$("#cart"));}
setTimeout(function(){$('.success').fadeOut(1000)},3000)},this)});}});function animateProduct(image,cart){var image_offset=image.offset();$("body").append('<img src="'+image.attr('src')+'" id="temp" style="position: absolute; z-index:9999; top:'+image_offset.top+'px; left:'+image_offset.left+'px" />');var cart_offset=cart.offset();params={top:cart_offset.top+'px',left:cart_offset.left+'px',opacity:0.0,width:cart.width(),height:cart.height()};$('#temp').animate(params,'slow',false,function(){$('#temp').remove();fl=true;});}});var fl2=true;function addToCart(product_id){if(fl2){fl2=false;$.ajax({url:'index.php?route=checkout/cart/add',type:'post',data:'product_id='+product_id,dataType:'json',success:function(json){$('.success, .warning, .attention, .information, .error').remove();if(json['redirect']){location=json['redirect'];}
if(json['error']){if(json['error']['warning']){$('#notification').html('<div class="warning" style="display: none;">'+json['error']['warning']+'<span class="close"><i class="fa fa-times-circle"></i></span></div>');}}
if(json['success']){$('#notification').html('<div class="success" style="display: none;"><i class="fa fa-thumbs-up"></i>'+json['success']+'<span class="close"><i class="fa fa-times-circle"></i></span></div>');$('.success').fadeIn('slow');$('#cart-total').html(json['total']);$('#cart-total2').html(json['total']);$('#cart').load('index.php?route=module/cart #cart > *');$('#cart .content').html(json['output']);var image=$('#img_'+product_id).offset();if(image){var cart=$('#cart').offset();$('<img src="'+$('#img_'+product_id).attr('src')+'" id="temp" style="position: absolute; z-index:9999; top: '+image.top+'px; left: '+image.left+'px;" />').appendTo('body');params={top:cart.top+'px',left:cart.left+'px',opacity:0.2,width:$('#img_'+product_id).width(),height:$('#img_'+product_id).height()};$('#temp').animate(params,'slow',false,function(){$('#temp').remove();fl2=true;});}else{fl2=true;}}
setTimeout(function(){$('.success').fadeOut(1000)},3000)}});}}
jQuery(document).ready(function(){jQuery('#page').click(function(){if(jQuery(this).parents('body').hasClass('ind')){jQuery(this).parents('body').removeClass('ind');return false}})
jQuery('.swipe-control').click(function(){if(jQuery(this).parents('body').hasClass('ind')){jQuery(this).parents('body').removeClass('ind');return false}
else{jQuery(this).parents('body').addClass('ind');return false}})
$("#zoom_01").elevateZoom({gallery:'image-additional',cursor:'pointer',galleryActiveClass:'active',imageCrossfade:true});$("#zoom_01").bind("click",function(e){var ez=$('#zoom_01').data('elevateZoom');$.fancybox(ez.getGalleryList());return false;});}); 

класс должен быть

.sf-menu-phone  
READ ALSO
AJAX Authorization Required

AJAX Authorization Required

Посылаю кроссдоменный AJAX запрос и в ответе получаю следующее:

291
Префиксы в jQuery

Префиксы в jQuery

Возможно ли в JS или JQuery использовать что-то вроде префиксов?

209
Запуск JS на странице из popup.html

Запуск JS на странице из popup.html

Добрый вечер! Пишу расширение для браузера и возникла проблемаЕсть popup

230
Помогите сделать slick slider

Помогите сделать slick slider

Мне нужно что бы у этих двух блоков (где картинка и где текст) работали как единый slick слайдер Можно ли сделать так: каждый блок сделать слик...

222