Script Conflict
-
Hi — I have a bunch of scripts for my superfish and hamburger menus. If I disable them, then I can get ivycat testimonials to work. Otherwise when the menu scripts are enabled, then ivycat’s testimonial #1 displays, then this fades out into a blank screen (instead of #2 & #3 etc testimonials).
The problem is they’re my main menu, so I can’t permanently disable them. Is there any other way I can get ivycat to work?
thank you! Val
P.S. here’s the js’s that won’t allow ivycat to work:
<script src=”1nav/jquery.js”></script>
<script src=”1nav/hoverIntent.js”></script>
<script src=”1nav/superfish.min.js”></script>
<script src=”1nav/velocity.min.js”></script>
<script>
(function($){ //create closure so we can safely use $ as alias for jQuery
$(document).ready(function(){
// initialise plugin
jQuery(‘ul.sf-menu’).superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:’show’,height:’show’}, // fade-in and slide-down animation
speed: ‘fast’, // faster animation speed
cssArrows: false // disable/enable true/false generation of arrow mark-up
});
});
})(jQuery);
</script>
<script>
jQuery(document).ready(function() {
// hamburger toggle
$(“#navwrap”).on(“click”, “.mobile-menu”, function() {
var myNav = $(‘#menu’);
if (myNav.is(“:visible”)) {
myNav.velocity(“slideUp”, function() {});
} else {
myNav.velocity(“slideDown”, function() {});
}
$(‘.hamburger-menu’).toggleClass(‘hamburger-on’);
});
// mobile submenu toggle
$(“#navwrap”).on(“click”, ‘.sf-menu li’, function() {
var thisList = $(this);
if (thisList.hasClass(‘mobileShow’)) {
thisList.find(‘ul’).velocity(“slideUp”, function() {
thisList.removeClass(‘mobileShow’);
});} else {
$(‘.sf-menu li’).removeClass(‘mobileShow’);
thisList.find(‘ul’).velocity(“slideDown”, function() {});
thisList.addClass(‘mobileShow’);
}
});});
</script>
- The topic ‘Script Conflict’ is closed to new replies.