Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Closable Tabs for jQuery UI
JavaScript
Branch: master
Failed to load latest commit information.
demo fixed the demo to use google css url
GPL_LICENSE.txt initial commit of ui.tabs.closable
MIT_LICENSE.txt
README.md Adding an example of callback to README.md
ui.tabs.closable.js Adding a callback for closing the tab
ui.tabs.closable.min.js include closableClick event in minify version

README.md

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:
  3. add a closable option when instatiating the tabs: $('#tabs').tabs({closable: true})
  4. (optional) If you wish to receive a callback when the close button is clicked you can add a closableClick function to the tab options: $('#tabs').tabs({ closable: true, closableClick: function(event, ui) { // return true to allow the remove of the tab // return false to prevent the remove } });

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

Something went wrong with that request. Please try again.