- This topic is empty.
August 25, 2017 at 6:18 am #259479
Alright, guys i am in bit of situation right now.
Any idea how to achieve this result http://imgur.com/a/w9aXr
On Hover change the background color on Click show detail info.
I know on hover changing background color is easy I couldn’t figure it how to show the info on click also if one info box is open another should be close.
RomiAugust 25, 2017 at 7:14 am #259482Paulie_DModerator
“click”s require JS….that’s the point.August 25, 2017 at 4:14 pm #259483
Thanks mateAugust 26, 2017 at 8:28 am #259488rkieruParticipant
The example I’m linking to uses jQuery but it’s a pretty simple matter of toggling the state of two nested items: https://codepen.io/rkieru/pen/rzZYPW
So when you hover over the wrapper element (in my example
.box) you have the first item just do its normal CSS
:hovereffect. You tie a
.info) to hidden and the secondary child element (
.details) to visible.August 26, 2017 at 6:55 pm #259493
- The forum ‘CSS’ is closed to new topics and replies.