css - JQuery hover overlay issue -


I am creating overlays for about 20-30 items, when you rotate it over the overlay show, the following code works But does it have a way of making it easy, so I do not have to repeat this code thirty times?

Overlays are also different, so for each ID, for example # 1, for a different overlay example, I have # 1 to # 30.

  $ ("# 1"). Hover (function () {$ ("# 1.beastoverlay"). Show ();}, function () {$ ("# 1.beastoverlay"). Hide ();}); $ ("# 2") hover (function () {$ ("# 2.beastoverlay"). Show ();}, function () {$ ("# 2.beastoverlay"). Hide ();});  

Thanks in advance

double or one More selectors for the same work

  var overlay = "# 2, # 1, #Soide"; $ (Overlay) .hor (function () {$ (this) .next (). Show ();}, function () {$ (this) .next (). Hide ();});  

Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -