Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
32 lines (20 sloc) 917 Bytes

Closable Tabs for jQuery UI

An unobtrusive way to add a close button to jQuery UI tabs.

Demo

Demo of the close button functionality at http://andrew.io/playpen/ui.tabs.closable/demo/

How To Use

  1. Follow the instructions on the jQuery UI Tabs site and include the necessary jQuery and jQuery UI files. Then read through the overview at the jQuery UI Tabs site to get an idea of what is possible.
  2. Include the javascript file in your html file or js loader. eg: <script type="text/javascript" src="ui.tabs.closable.min.js"></script>
  3. add a closable option when instatiating the tabs: $('#tabs').tabs({closable: true})

That's it, about as unobtrusive as I could make it.