scott2b

/*
Twitter Bootstrap is a nice library, but the way they handle markup for styles and plugins is a bit invasive at
times. Since Bootstrap is built with Less CSS anyway, it makes sense to take advantage of Less to cleanup the
markup.

This is an attempt at cleaning up the collapsible accordion example. If you don't like the HTML5 tags, you can
replace them with divs with classes (make the appropriate changes in the less).

One quirk that I know of: if you use the "in" class to indicate a default open article, the first accordion
click will not transition smoothly. I haven't figured out why this is happening, but generally with the

austinhyde

Observables

You don't really need a framework or fancy cutting-edge JavaScript features to do two-way data binding. Let's start basic - first and foremost, you need a way to tell when data changes. Traditionally, this is done via an Observer pattern, but a full-blown implementation of that is a little clunky for nice, lightweight JavaScript. So, if native getters/setters are out, the only mechanism we have are accessors:

var n = 5;
function getN() { return n; }
function setN(newN) { n = newN; }

console.log(getN()); // 5

setN(10);