Still struggling with the mouseover appear

  • 6 April 2016
  • 1 reply
  • 1 view
B

Hi Guys,

Sorry to be a pest, but i am launching this product in the next week and really need this up asap, my code isnt working so i come to you guys for ideas on what i can implement. 

Attached is the portion of the page, I wish to mouseover the icon (red) to make the items in green appear. 

![](https://d2r1vs3d9006ap.cloudfront.net/s3_images/1394463/RackMultipart20160406-130204-iotmgs-Edit A - Universitii Lightbox___inline.png?1459923880 “Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1394463/RackMultipart20160406-130204-iotmgs-Edit__A__-__Universitii__Lightbox___inlinepng1459923880”)

PLEASE HELP HAHA 🙂

thanks guys

1 reply

Hristian
Userlevel 7
Badge +3

Hi Brad, 

Sorry to hear you are still struggling to get the page looking like you want it to. 

Just a quick question: Before any mouse over effect kicks in, would the right side of the page be empty? Or would the first section (calendar) be visible by default?

Either way, you are trying to recreate a Tab’s feature with just CSS, which might not be possible. 

http://jqueryui.com/tabs/#mouseover

You would have to write a bit of JS/Jquery to make it work. 

Also, you have to consider the implications for your mobile version since you won’t have mouse over on it. 

Best,
Hristian

Hristian K. → experimentation-as-a-service → https://www.revise.agency/

Reply


Terms & ConditionsCookie settings