I’ve a very difficult situation to handle… graphics my designer came up with is quite challenging for me to code 🙂

So this is a drop down (select) with check-boxes instead of normal options.
html looks like this:
<select name="cat" id="control_1">
<optgroup label="Mountain">
<option>Gudauri</option>
<option>Bakuriani</option>
<option>Svaneti</option>
</optgroup>
<optgroup label="Seaside">
<option>Batumi</option>
<option>Kobuleti</option>
<option>Kvariati</option>
</optgroup>
<optgroup label="Capital">
<option>Tbilisi</option>
</optgroup>
</select>
I’m already using this plugin for rewriting other SELECT elements, so it would be awesome to be able to utilize same code base and just build on that 🙂 -> http://harvesthq.github.com/chosen/
Any help with ideas or examples will be much appreciated!
Thanks.
There are some fiddles in this thread that just got converted to a plugin that would be fairly easy to adapt to your situation
Custom drop-down panel with jQuery
EDIT: appears the demos for constructing dropdown from a select got removed from above post, I edited post and put back this fiddle
http://jsfiddle.net/6zcRk/