Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

jQuery Hover

I am trying to create a tab system,where if hovered over title the content of the that post will be show,and the block consisting the contents have two buttons.

The problem I am having is I used to jQuery to toggle the div when hovered,but I can't click any of those buttons because the block goes away quickly.

example can be viewed here http://codepen.io/anon/pen/gvKqC

I tried adding stop,on mouseleave for the blocks but it didn't worked either.

Thanks in advance for help.

5 Answers

Sorry about that I thought I pasted it on.

http://www.menucool.com/jquery-tabs

http://jqueryui.com/tabs/

Hello, I tried playing around with it a little and I can't get it to work. I am fairly new to jquery so I am not the best person that can answer it. However I do like to help people out even if it's by giving you a link to other resources you can look at that may help you. The site below has pre-build tabs you can download their code see what they are doing to make theirs work and use some technics they use or just use their code. Sorry I could be of much help but I noticed no one had posted an Answear yet so I thought I give it a try. Good luck.

Thanks for your answer,but Where are the links?

Thanks a lot man,I have decided to use jquery ui tabs.

not a problem. Its always a time saver when someone else already created something you need.