dropdown

by karin

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div>
    <ul>
        <li>First<i class="fa fa-sort-desc"></i></li>
        <li>Second</li>
        <li>Third</li>
        <li>Fourth</li>
    </ul>
</div>

CSS

div{
    background:#111;
    padding:10px;
}
ul{
    list-style:none;
    background:transparent;
    width:150px;
    padding:2px;
    line-height:2;
    color:white;
    font-family:Helvetica;
}
ul li{
    background:slategray;
    margin-bottom:5px;
    padding-left:5px;
}
/*ul li:not(:first-child){
    display:none;
}*/
i{
    float:right;
    margin:5px;
}
.add{
    background:red;
}

JavaScript

$("li:not(:first-child)").hide();