Tutorial on building custom css select box

If you go to the following url here

http://designmodo.github.io/Flat-UI/

Scroll down to Menu on the right hand side you will see a drop down select box the original select box is this

<select style="display: none;" name="herolist" value="X-Men" class="select-block">
            <option value="0">Choose hero</option>
            <option value="1">Spider Man</option>
            <option value="2">Wolverine</option>
            <option value="3">Captain America</option>
            <option value="X-Men" selected="selected">X-Men</option>
            <option value="Crocodile">Crocodile</option>
          </select>

Open in new window


I am just trying to find a tutorial how to create a jQuery plugin that does that.
stargateatlantisAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
That ui runs on bootstrap  http://getbootstrap.com/

The drop down demo is here http://getbootstrap.com/javascript/#dropdowns

As long as you have bootstrap files you can plug in their sample and make it your own
<div class="dropdown">
  <a data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.