Difference between revisions of "MediaWiki:Result Code Details.js"

From Melissa Data Wiki
Jump to navigation Jump to search
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, categoryHide());//Category Rollout
   $(this).siblings().toggle(500);//Category Rollout
   $(this).parent().siblings(".TileLayoutHead").toggle(500);
   $(this).parent().siblings(".TileLayoutHead").toggle(500);//Other Category Hide
  //$(this).parent().siblings().not(".DontHide").toggle(500);
});
});


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!");
});