Dynamic.js demo

Dynamic.js is a small library that allows binding simple behaviours to DOM elements using data- attributes.

For more complex behaviours, a <script> tag syntax is available. View the source of this interactive demo page for an example.

I toggle the message's display via a data attribute On Off

I am toggled on!

I toggle the message's display via a data attribute and a selector function On Off

I am toggled on!

I toggle the messages' displays via a data attribute with expression

First Second

[First] I am toggled on!

[Second] I am toggled on!

I toggle the message's display via a JSON config

On Off

I am toggled on!