Recently we ran into an annoying problem. Say you have a div with some dynamic text. Sometimes the text is short, so should be displayed in its entirety. Other times - it’s too long, so should be partly hidden. However, differently from hiding the text completely and then using jQuery’s .slideDown() of simply .show(), we wanted to display first few lines of it and give user the ability to show the rest. Also, and this part is very important - the revealing of the whole text should be animated (sort of the .slideDown() effect).
So, the situation here is very straigth forward: you want to use $(document).one handler on something like pop-up settings box, which should be closed if user clicks anywhere outside of it. But what if the settings box in question has some elements inside it that need a separate handling and should keep the box open? Read inside on how to skip document.one event in such cases.
There are times when you create a navigation layout that just cannot bear the outline property that is being added by browsers. Although it is not an issue in most of the latest ones, some of the older browsers such as IE 6 & 7 can give you a bit of a hard time accepting your unwillingness to use its standards. However, just as any other ’bug’, this one’s got a solution too.
Hit ’read more’ to find out just how it can be solved in few simple steps.
An image zoom/lightbox plug-in built using jquery. If you require a simple image preview this plug-in may be just what you’re looking for. Plug-in uses no external CSS files or images yet giving you the whole variety of options for customisation.
Familiar with malihu jQuery Custom Content Scroller? Or maybe even using it extensively on all the projects you lay your hands on? Read inside to find out how you can add mobile browser functionality to this otherwise extremely brilliant script.