MediaWiki:Result Code Details.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
$(".TileLayoutHead p").css({"cursor":"pointer"});//Cursor change | $(".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 | $(".TileLayoutHead p").hover(function(){$(this).parent().css({"background-color":"#ffffff"});},function(){$(this).parent().css({"background-color":"#f6f6f6"})});//Hover change | ||
//Slide-out Effect | //Slide-out Effect | ||
$(".TileLayoutHead p").click(function(){ | $(".TileLayoutHead p").click(function(){ | ||
| Line 7: | 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, categoryHide());//Category Rollout | ||
}); | }); | ||
//Hide Other Categories | |||
function categoryHide(){ | |||
console.log("categoryHide ran with: " + $(this).siblings().attr("class")); | |||
} | |||
//Hide Other Products | |||
Revision as of 19:43, 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, categoryHide());//Category Rollout
});
//Hide Other Categories
function categoryHide(){
console.log("categoryHide ran with: " + $(this).siblings().attr("class"));
}
//Hide Other Products