Still struggling with the mouseover appear


#1

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 :slight_smile:

thanks guys


#2

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