Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Provides ZEN-Coding functionality to MooTools 1.2
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.

Expand Abbreviation

Expand Abbreviation provides ZEN-Coding functionality to MooTools. Expand Abbreviation extends Elements.


How to use

You can use Expand Abbreviation with any existing Element by using the expandAbbr method. In the following example, we will add two div's to #myElement ( div#my1stContainer and div#my2ndContainer ). div#my2ndContainer will contain an ul which contains five li elements with class "myitem".

An additional feature of this plugin is setting attributes (and innerHTML) of elements in the string. You can easily do that by using an "^" for indicating the "attribute-string" as shown in the second sample. You can combine attribute/values by seperating with ",". The text will be set by "text=" ( this feature uses the mootools Element.set-Function ).

Another Difference to the original Zen-Functionality is a not-implemented iterating variable ( $ ). Hope i will have time to to that later.

$("myElement").expandAbbr( "div#my1stContainer+div#my2ndContainer>ul>li.myitem*5" );

$("myElement").expandAbbr( "a.mylink^text=my linktext,style=display:block,target=_blank");
Something went wrong with that request. Please try again.