Drop-down box with check boxes

:

,

CSS:

<Style type = "text/CSS">/* drop-down box with check boxes */ul Li {list-style: none; padding: 0px; margin: 0px ;}. select_checkbox {border: 0px solid red; position: relative; display: inline-block ;}. chartquota {Height: 23px; float: Left; display: inline-block; Border: 0px solid black; position: relative ;}. chartoptionsflowtrend {z-index: 300; Background-color: White; Border: 1px solid gray; display: none; position: absolute; left: 0px; top: 23px; width: 150px ;}. chartoptionsflowtrend ul {float: Left; padding: 0px; margin: 5px ;}. chartoptionsflowtrend Li {/* float: Left; */display: block; position: relative; left: 0px; margin: 0px; clear: Both ;}. chartoptionsflowtrend li * {float: Left;} A:-WebKit-any-link {color:-WebKit-link; text-Decoration: underline; cursor: auto ;}. chartquota p a {float: Left; Height: 21px; outline: 0 none; Border: 1px solid # CCC; line-Height: 22px; padding: 0 5px; overflow: hidden; background: # eaeaea; color: #313131; text-Decoration: none ;}. chartquota P {margin: 0px; folat: Left; overflow: hidden; Height: 23px; line-Height: 24px; display: inline-block ;}. chartoptionsflowtrend P {Height: 23px; line-Height: 23px; overflow: hidden; position: relative; Z-index: 2; Background: # fefbf7; padding-top: 0px; display: inline-block ;}. chartoptionsflowtrend p a {border: 1px solid # FFF; margin-left: 15px; color: # 2e91da ;}</style>

HTML:

<Div class = "select_checkbox"> <Div class = "chartquota"> <p> <a href = "javascript :; "hidefocus =" true "Title =" Please select metrics "> <span> select metrics </span> <B> </B> </a> </P> </ div> <br> <Div class = "chartoptionsflowtrend" "> <ul> <li class =" "> <input type =" checkbox "value =" 1 "> <span> views (PV) </span> </LI> <li class = ""> <input type = "checkbox" value = "1"> <span> unique visitor (UV) </span> </LI> <li class = ""> <input type = "checkbox" value = "1"> <span> ip </span> </LI> <li class = ""> <input type = "checkbox" value = "1"> <span> New Independent Visitor </span> </LI> <li class = ""> <input type = "checkbox" value = "1"> <span> Number of visits </span> </LI> </ul> <p> <a href = "Javascript :; "Title =" OK "hidefocus =" true "class =" a_0 "> OK </a> <ahref =" javascript :; "Title =" cancel "hidefocus =" true "class =" A_1 "> cancel </a> </P> </div>

JS:

<script type="text/javascript">$(function(){$(".select_checkBox").hover(function(){$(".chartOptionsFlowTrend").css("display","inline-block");},function(){$(".chartOptionsFlowTrend").css("display","none");});});</script>

Drop-down box with check boxes