MVC Bootstrap has a super easy way to create dropdown menus and add up/down symbols on these menus. Basically we just need to include this style in the css file.
/* Style to reverse the caret icon
from pointing downwards to upwards */
.dropdown.open .dropdown-toggle .caret {
border-top-width: 0;
border-bottom: 4px solid;
}
Please see a fiddle in action at https://jsfiddle.net/pranavnk/o3z7yxf8/4/
reference: https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_icon&stacked=h
