hello
I have made a mailbox which uses show/hide on :hover. However someone told me that it could be very distracting to have it like that. I know that it won’t work on :active with pure CSS so I would like to ask you guys how can I re-made it while using JS? I’m really bad with JS so I appreciate any help
sample of my mailbox:
http://jsfiddle.net/v4sch/6/
When page ready add an event to title.
When someone clicks title toogle mailbody.
$(document).ready(function(){
$("#title").click(function(){
$("#mailbody").fadeToggle();
});
});
If you’re new to JavaScript, the easiest method would be to use jQuery UI Accordion.
If your requirement is fixed to having some show/hide effect when mouse is hovered over the element, then how is it distracting? I don’t think so. For example, in a blog site when I hover over “reply” button I get an option to reply and this is perfectly nice…
However, hover may perform well when an element is hovered very frequently and hovered transition effect is costly. In this case, you can use timeout() function to make sure the element is hovered for enough time to start processing…
Please specify your requirement more specifically.
