Released 7 years ago , Last update 7 years ago

jQuery Clickbox turns every element in a big clickable area. Easy and fast.

Usability Boost in 787 Bytes

  • Turn every HTML element on your site into a big clickable area
  • No more small anchor elements
  • Works even with custom Events
  • Links inside the clickbox are still clickable
  • Passes JSLint

Its so easy to include

  • Include jQuery and the clickbox script jquery.clickbox.min-noconfig.js
  • Add the class "clickbox" to every element that should be turned into the box.


 <div class="clickbox">Hello <a href="#">World</a></div>
 <script src="jquery.clickbox.min-noconfig.js"></script>
  • Thats it! Now the whole <div> Element is clickable.

Custom Settings

  • You can also include the minified version and call the clickbox method with a custom target and settings.
  • Turn every <li> element on your page into a clickbox: $('li').clickbox();
  • Use another hover class than hover $('li').clickbox({hoverclass: 'mouseover'});
  • Apply a custom style to every element, only if javascript is activated (Default: {cursor: 'pointer'})


$('li').clickbox({style: {cursor: 'move', background: 'yellow', fontWeight: 'bold'}});

Dependencies, browser support

Requires jQuery

Tested in FF >= 3.5, Safari, Chrome, Opera and IE >= 7.

It works well, easy to implement and the code is commented and easy to extend. See the demo!


14 day 14-day money-back guarantee


Personal License

  • Perpetual license

  • 1 site, unlimited servers

  • No distribution (hosted use only)

  • Commercial use

1 license From » $4.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
No comments have been posted yet.