MediaWiki:Result Code Details.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 21: | Line 21: | ||
//Hide Other Product Tiles in a Section. | //Hide Other Product Tiles in a Section. | ||
$(".TileLayoutBody a").click(function (){ | $(".TileLayoutBody a").click(function (){//Matches the hash with a class to know what to hide. Class is set by the TileLayoutTile template. | ||
var hashTarget = $(this).attr("href"); | var hashTarget = $(this).attr("href"); | ||
var trimmedHashTarget = hashTarget.slice(hashTarget.indexOf("#") + 1,(hashTarget.length)); | var trimmedHashTarget = hashTarget.slice(hashTarget.indexOf("#") + 1,(hashTarget.length)); | ||
trimmedHashTarget = trimmedHashTarget.replace(/[_:]|\.2B|\.2A/g, ""); //Removes spaces, colons, pluses, and asterisks. | trimmedHashTarget = trimmedHashTarget.replace(/[_:]|\.2B|\.2A/g, ""); //Removes spaces, colons, pluses, and asterisks. | ||
$(".TLT_" + trimmedHashTarget).siblings().toggle(250); | $(".TLT_" + trimmedHashTarget).siblings().toggle(250);//Hides the other tiles. | ||
$(".ResultTileLayoutHead").toggle(500);//Shows the Result Code table holder. | |||
}); | }); | ||
Revision as of 23:25, 20 January 2015
//Changes the Header to act like a button $(".TileLayoutHead p").css({"cursor":"pointer"});//Cursor change $(".TileLayoutHead p").hover(function(){$(this).parent().css({"background-color":"#ffffff"});},function(){$(this).parent().css({"background-color":"#f6f6f6"})});//Hover change //Slide-out Effect $(".TileLayoutHead p").click(function(){ $(this).siblings(".TileLayoutBody").toggle(500, tileResetCheck($(this)));//Category Rollout $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide //$(this).siblings(".TileLayoutBody").children().css({"display":"inline-block"});//Ensure Tiles are reset. // tileResetCheck(); }); //Ensure Tiles Are Reset function tileResetCheck(that){ if ($(that).siblings().css("display") === "block"){//Checks state of Category Rollout. setTimeout(function(){//Ensures tiles don't appear till after the cateogry hide rollout is done. $(that).siblings(".TileLayoutBody").children().css({"display":"inline-block"}); }, 500); }; } //Hide Other Product Tiles in a Section. $(".TileLayoutBody a").click(function (){//Matches the hash with a class to know what to hide. Class is set by the TileLayoutTile template. var hashTarget = $(this).attr("href"); var trimmedHashTarget = hashTarget.slice(hashTarget.indexOf("#") + 1,(hashTarget.length)); trimmedHashTarget = trimmedHashTarget.replace(/[_:]|\.2B|\.2A/g, ""); //Removes spaces, colons, pluses, and asterisks. $(".TLT_" + trimmedHashTarget).siblings().toggle(250);//Hides the other tiles. $(".ResultTileLayoutHead").toggle(500);//Shows the Result Code table holder. }); //Check On Page Load //$(window).on('hashchange', TileLayoutTileHider);//Check on hashchange /* $(window).on('hashchange', TileLayoutTileHider);//Check on hashchange function TileLayoutTileHider(){ var pageHash = window.location.hash var trimmedHash = pageHash.slice(pageHash.indexOf("#") + 1,(pageHash.length)); console.log("pageHash: " + pageHash); console.log("trimmedHash: " + trimmedHash); }*/