jQuery Multi-Accordion
I’ve developed my previous accordion a little further now. I’ve turned into a full plugin, plus it allows for multiple accordions on the same page. The way this differs, however, is that it allows you to create one accordion that closes open elements in another accordion and vice-versa. You may ask how this is different than a single accordion with tedious amounts of HTML and CSS. Well, the answer is simple: this is less work. By using jQuery’s traversing, I allow you to have more freedom in your HTML and CSS design, as well...
read morejQuery Tabs With Ease
As usual, I always need something special in jQuery. I’m always able to find plugins out there, but they never everything I want, the way I want it done. Each always falls short somewhere. It either limits my design flexibility, is buggy or is just flat-out bloated with way more code than is necessary. I’ve written a tabs script for jQuery that is short and to the point while still allowing for design flexibility and ease. There’s nothing to it. Simply establish the tabs settings with your appropriate IDs and classes and...
read morejQuery Accordian without plug-ins & with a bit of design freedom
So you have a design and you have decided you want to use a jQuery accordion. You start to layout your design and implement the accordion only to find out that your design is going to cause problems with the standard accordion plug-ins. The problem with the standard accordion is that they require the child and header elements to be nested within a parent. Example: <div id="accordion-wrapper"> <h1>Clickable Header 1</h1> <p>Collapsible child 1</p> <h1>Clickable Header...
read morejQuery “characters remaining” script
This is a jQuery script for displaying “characters remaining” for input fields. It will look for any input element with the class “input” (or whatever you specify) and use the element’s maxlength attribute as the value to count against and update the “fieldName-counter” element. This is a very useful script for those occasions when you want to limit the character entry for an input field. <!-- input and character count element --> <span...
read more