JSFiddle - React, Tailwind, and code Playground
by seefeld
JavaScript
$(function() {
$('.sub-menu').mouseover(function() {
$(this).parent('li').addClass('active');
});
$('.sub-menu').mouseout(function() {
$(this).parent('li').removeClass('active');
});
$('#menu li').hover(
function() {
$(this).children('.sub-menu').stop(true, true).fadeIn('250');
},
function() {
$(this).children('.sub-menu').stop(true, true).fadeOut('250');
});
});
/*
$(function() {
$('#menu a, #text_blocks a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutExpo');
event.preventDefault();
});
});
*/
$(function() {
// home slider
$('#slider_home').anythingSlider({
expand: true,
enableArrows: true,
buildArrows: true,
pauseOnHover: false,
buildStartStop: false,
autoPlay: true,
delay: 5000,
enableKeyboard: false,
hashTags: false,
appendBackTo: $('#navSlide > span:eq(0)'),
appendControlsTo: $('#navSlide > span:eq(1)'),
appendForwardTo: $('#navSlide > span:eq(2)')
});
//
$('.anythingControls .anythingControls').removeClass('anythingControls');
// staff filter slider
$('#slider_staff_filter').anythingSlider({
appendControlsTo: $('#slider_staff_filter_menu'),
expand: false,
buildArrows: false,
buildStartStop: false,
enableKeyboard: false,
navigationFormatter: function(i, panel) {
return ['All', 'Management', 'Manufacturing', 'Services', 'Sales', 'Support'][i - 1];
},
hashTags: false
});
$('#slider_staff_all, #slider_staff_management, #slider_staff_manufacturing, #slider_staff_services, #slider_staff_sales, #slider_staff_support').anythingSlider({
expand: true,
resizeContents: false,
buildArrows: false,
...