Minified - Getting Started

by tjansen

HTML

<script src="http://minifiedjs.com/download/minified-src.js"></script>
<body>
    <div id="a" class="x">div id="a" class="x"</div>
    <div id="b" class="x">div id="b" class="x"</div>
    <div id="c" class="x">div id="c" class="x"</div>
    <div id="d" class="y">div id="d" class="y"</div>
    <div id="e" class="y">div id="e" class="y"</div>
    <button id="selectA">Select #a</button>
    <button id="selectX">Select .x</button>
    <button id="selectY">Select .y</button>
</body>

CSS

.inv { background-color: black; color: white; }

JavaScript

var MINI = require('minified'); 
var $ = MINI.$, $$ = MINI.$$, EE = MINI.EE;

$(function() {
    $('#selectA').on('click', $('#a').toggle('inv'));  // Note: 'inv' is a CSS class
    $('#selectX').on('click', $('.x').toggle('inv'));  // Note: 'inv' is a CSS class
    $('#selectY').on('click', $('.y').toggle('inv'));  // Note: 'inv' is a CSS class
});