dom.html

<div class="tabs collapsable clickable sorted">
  <ul class="navigation">
    <li>Home</li>
    <li>Second</li>
    <li>Third
      <ul class="sub collapsed">
        <li>Item 1</li>
        <li>Item 2</li>
      </ul>
    </li>
  </ul>
</div>

script.js

// Some custom event
$('.collapsable').on('custom_collapse', function(e) {
  console.log('I did some funky collapse stuff');
});

// Override click
$('.clickable').on('click', function(e) {
  e.preventDefault();
});

// Some custom function
$('.sorted').sort();

style.css

.collapsable .collapsed {
  display: none;  
}

.clickable li {
  cursor: hand;
  cursor: arrow;
}

.sorted li {
  text-transform: uppercase;
}

.tabs {  
  /* Bigass snippet for tabs. */
}