'+
//2nd col dynamic pull [women]
''+
''+
''
);
//hide just about all boutiques right after 3
jQuery('.naFlyOut .naDynCol .catnav--list li:nth-child(3)').nextAll().hide()
//hover upon nav present flyout
jQuery( ".newArrivalsCTA_wcd" ).hover( function()
thisNav = jQuery(this);
// indicateIt();
if( jQuery('.naFlyOut').css('display')=="block" )
//do nothing it's previously there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.naFlyOut').fadeIn(250);
);
// hover in flyout and browse, once you leave hide it again
jQuery(".naFlyOut").hover( function()
//let these people browse
, function()
jQuery(this).fadeOut(250);
);
//========== men's class fly out ==========//
var mCol1 = '', mCol2 = '', mCol3 = '', mCol4 = '';
var mRootCats = jQuery(".catnav--list[aria-label='men categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
mRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' ) rootCatCid == '1044368')
mCol1 += rootCatElt[0].outerHTML;
// Column 2 - Apparel
else if( rootCatCid == '1036307' )
mCol2 += rootCatElt[0].outerHTML;
// Column three - Collections, Shoes & Accessories
else if( rootCatCid == '38675'
);
jQuery('.mensFlyOut').html('
' + mCol1 + '
' + mCol2 + '
' + mCol3 + '
' + mCol4 + '
');
//hover upon nav present flyout
jQuery( "#division5343" ).hover( function()
thisNav = jQuery(this);
// indicateIt();
if( jQuery('.mensFlyOut').css('display')=="block " )
//do absolutely nothing it's currently there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.mensFlyOut').fadeIn(250);
);
// hover about flyout as well as browse, as soon as you exit hide it again
jQuery(".mensFlyOut").hover( function()
//let these browse
, function()
jQuery(this).fadeOut(250);
);
//========== women's category fly out ==========//
var wCol1 = '', wCol2 = '', wCol3 = '', wCol4 = '';
var wRootCats = jQuery(".catnav--list[aria-label='women categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
wRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.womensFlyOut').html('
' + wCol1 + '
' + wCol2 + '
' + wCol3 + '
' + wCol4 + '
');
//hover o n nav present flyout
jQuery( "#division5002" ).hover(function()
//add indicator that will it truly is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.womensFlyOut').css('display')=="block")
//do nothing it's currently there
otherwise
jQuery('.flyOut').fadeOut(250);
jQuery('.womensFlyOut').fadeIn(250);
);
//hover in flyout and also browse, when you exit hide it again
jQuery(".womensFlyOut").hover(
function()
//let these people browse
, function()
jQuery(this).fadeOut(250);
);
//========== petites group fly out ==========//
var pCol1 = '', pCol2 = '', pCol3 = '', pCol4 = '';
var pRootCats = jQuery(".catnav--list[aria-label='petites categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
pRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
// Column 1 - Particular Offers, What's New, Featured Shops
if( rootCatCid == '1029755'
);
jQuery('.petitesFlyOut').html('
' + pCol1 + '
' + pCol2 + '
' + pCol3 + '
' + pCol4 + '
');
//hover about nav display flyout
jQuery( "#division5122" ).hover(function()
//add indicator which it actually is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.petitesFlyOut').css('display')=="block")
//do nothing it's currently there
otherwise
jQuery('.flyOut').fadeOut(250);
jQuery('.petitesFlyOut').fadeIn(250);
);
//hover upon flyout as well as browse, as quickly as you exit hide it again
jQuery(".petitesFlyOut").hover(
function()
//let these people browse
, function()
jQuery(this).fadeOut(250);
);
//========== jewelry & acce ssories class fly out ==========//
var jCol1 = '', jCol2 = '', jCol3 = '', jCol4 = '';
var jRootCats = jQuery(".catnav--list[aria-label='jewelry & accessories categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
jRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' ) */ rootCatCid == '1074154')
jCol3 += rootCatElt[0].outerHTML;
// Column 4 - Sale
else if( rootCatCid == '1045598' )
jCol4 += rootCatElt[0].outerHTML;
);
jQuery('.jewelAccFlyOut').html('
' + jCol1 + '
' + jCol2 + '
' + jCol3 + '
' + jCol4 + '
');
//hover about nav demonstrate flyout
jQuery( "#division13357" ).hover(function()
//add indicator that it is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.jewelAccFlyOut'). css('display')=="block")
//do absolutely nothing it's previously there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.jewelAccFlyOut').fadeIn(250);
);
//hover upon flyout along with browse, once you exit hide it again
jQuery(".jewelAccFlyOut").hover(
function()
//let these people browse
, function()
jQuery(this).fadeOut(250);
);
//========== shoes category fly out ==========//
var sCol1 = '', sCol2 = '', sCol3 = '', sCol4 = '';
var sRootCats = jQuery(".catnav--list[aria-label='shoes categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
sRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
// Column one - special Offers, What's New, Women's Shoes
if( rootCatCid == '1033472'
);
jQuery( '.shoesFlyOut').html('
' + sCol1 + '
' + sCol2 + '
' + sCol3 + '
' + sCol4 + '
');
//hover about nav show flyout
jQuery( "#division13358" ).hover(function()
//add indicator that it is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.shoesFlyOut').css('display')=="block")
//do absolutely nothing it's previously there
otherwise
jQuery('.flyOut').fadeOut(250);
jQuery('.shoesFlyOut').fadeIn(250);
);
//hover in flyout and also browse, when you exit hide it again
jQuery(".shoesFlyOut").hover(
function()
//let them browse
, function()
jQuery(this).fadeOut(250);
);
//factory hide nav menu
jQuery(".division48546").hover(function()
jQuery('.flyOut').fadeOut(250);
thisNav = jQuery(this);
, perform ()
jQuery(this).css('font-weight','normal');
);
//========== sale clas s fly out ==========//
var saCol1 = '', saCol2 = '', saCol3 = '';
// var saRootCats = jQuery(".catnav--list[aria-label='sale categories'] > li");
var saRootCats = jQuery(".catnav .catnav--list[aria-label='sale categories'] > li, .catnav .catnav--list[aria-label='sale categories'] .catnav--list > li");
var rootCatElt = '';
var rootCatCid = '';
saRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.saleFlyOut').html('
' + saCol1 + '
' + saCol2 + '
' + saCol3 + '
');
//hover upon nav show flyout
jQuery( "#division1014329" ).hover(function()
//add indicator that will it is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.saleFlyOut').css('display')=="block")
//do absolutely nothing it's already there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.saleFlyOut').fadeIn(250);
);
//hover about flyout as well as browse, as quickly as you depart hide it again
jQuery(".saleFlyOut").hover(
function()
//let all of them browse
, function()
jQuery(this).fadeOut(250);
);
jQuery('span[aria-label="sale"]').css('color','red');
// Use close nav behaviod
jQuery('.closeNav').click(function()
jQuery('.flyOut').fadeOut(250);
)
//don't run throughout buying bag
//End the actual function 'makeTheFlyOut'
jQuery(window).load(function()
var theBreakPoint = gap.Mediaqueries.currentBP.size;
// console.info('the breakpoint will be ' +theBreakPoint);
if(theBreakPoint == 'x-large')
// console.info('xl breakpoint');
makeTheFlyOut();
jQuery('.brand-bar-with-contents').hover(function()
jQuery('.flyOut').fadeOut(250);
);< br>
//customer support page fix
jQuery('.infoPage .catnav--header, .infoPage .catnav--trimheader').addClass('topNavLeftNavFix_wcd_A');
jQuery('.infoPage .catnav--category, .infoPage .catnav--sale').addClass('topNavLeftNavFix_wcd_B');
//ADD the actual TIDs
var theTopNavLinks = jQuery('.dynLinkPull .catnav--list a');
theTopNavLinks.each(function()
var theActualLink = jQuery(this).attr('href');
var indyIt = jQuery(this).attr('aria-label').replace(/[^A-Z0-9]+/ig, "_"); //add within the variable in the wedding you need to individualize the particular TID
var theTID = "&mlink=0000,12147468,flyout_topnav_"+indyIt+"&clink=12147468";
jQuery(this).attr('href',theActualLink+theTID);
);
;
);
Tidak ada komentar:
Posting Komentar