This accordion pulls in the content based upon the list item link and displays it in a nested list. It also changes color and + or - depending on whether its open or closed $(document).ready(function(){ $(“li.child:visible”).hide(); $(“li.parent”).click(function(){ if ($(this).children().hasClass(“selected”)) { $(this).children().removeClass(‘selected’); $(this).next().toggle(“slow”); return false; } else { $(this).children().addClass(‘selected’); $(this).next().load($(this).children().attr(“href”)).toggle(“medium”); return false; } }); });
CSS Techniques, IE Hacks
PNG FIX - PNG Fix for IE6 by MIME type
There are a ton of PNG fixes out there and so far my favorite has been supersleight, however i mask the image source and filename that my clients use in a query so i can’t apply the default supersleight since it’s based on file extensions, so instead i made an add-on to check the MIME [...]
Design Elements, Mootools, Tabs
Pluggable Mootools Tabs
Mootools Tabs plug-in, minimal configuration and you’re off!
CSS Techniques, Sliding Door
CSS Sliding Door using only 1 image
I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site.
CSS Techniques, Sliding Door
Simple Tabbing System
Today, we are going to learn how to create simple tabbing system. It is a very common technique nowadays. Especially for those magazine site, news or blogs that contain a lot of sections or contents.
CSS Techniques, Layouts
The right way to underline
Instead of using “text-decoration: underline”, try using “border-bottom: solid 1px #000″ instead. That way you can also experiment with various border types (dotted, dashed, etc). Another great benefit of this method, is that it won’t cut through your descenders! Examples: a { border-bottom: dashed 1px red; } a { border-bottom: dotted 1px #333; }
Design Elements, Forms
Form Layouts With CSS
Laying out forms with Cascading Style Sheets (CSS) is a complex topic. In light of many developers doing their first overall CSS layouts they often bail when it comes to laying out forms with CSS and avoiding both tables and line breaks.
CSS Techniques, Layouts
The Perfect Fluid Width Layout
Shrinks to a minimum of 780px for small monitors. Grows to a maximum of 1260px for larger monitors. Works in all major browsers.
Design Elements, Layouts, Scriptaculous, Tabs
Fancy Sliding Tab Menu V2
Fancy Sliding tabs menu - might be good for bells, slides, tuning slides, other options etc.
Design Elements, Layouts, Mootools, Sliders
Sexy sliding JavaScript side bar menu using mootools
Create animated sidebar using mootools, where space could be saved on a web page.
CSS Techniques, IE Hacks
The Ultimate PNG Guide
A combination of two PNG fixes that can provide you with getting things looking good in all browsers.
CSS Techniques, Techniques
The 6 Most Important CSS Techniques You Need To Know
A quick tutorial, with examples, of the 6 most important CSS techniques that you need to know about. Get Consistent Margins, Set a Float to Clear a Float, Image Replacement, Faux Columns and more.