MediaWiki:Result Code Details.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
"Self Class: " + $(this).attr("class") + "\n", | "Self Class: " + $(this).attr("class") + "\n", | ||
"Sibling Class: " + $(this).siblings().attr("class")); | "Sibling Class: " + $(this).siblings().attr("class")); | ||
$(this).siblings().toggle(500 | $(this).siblings().toggle(500);//Category Rollout | ||
$(this).parent().siblings(".TileLayoutHead").toggle(500); | $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide | ||
}); | }); | ||
Line 25: | Line 24: | ||
console.log(); | console.log(); | ||
} | } | ||
//Hide Other Products | //Hide Other Products | ||
$(."TileLayoutBody a").click(function(){ | |||
console.log("Product Hide was clicked!"); | |||
}); |
Revision as of 22:04, 19 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(){ console.log("Parent Class: " + $(this).parent().attr("class") + "\n", "Self Class: " + $(this).attr("class") + "\n", "Sibling Class: " + $(this).siblings().attr("class")); $(this).siblings().toggle(500);//Category Rollout $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide }); //Hide Other Categories function categoryHide(){ /*console.log("categoryHide this: " + $(this).attr("class") + "\n", "categoryHide parent: " + $(this).parent().attr("class") + "\n", "categoryHide parent^2: " + $(this).parent().parent().attr("class") + "\n", "categoryHide parent^3: " + $(this).parent().parent().parent().attr("class") + "\n", "categoryHide closest1: " + $(this).closest("class").attr("class") + "\n", "categoryHide closest2: " + $(this).closest("class") + "\n", "categoryHide closest2: " + $(this).closest("class") + "\n", "categoryHide else: ");*/ console.log(); } //Hide Other Products $(."TileLayoutBody a").click(function(){ console.log("Product Hide was clicked!"); });