How to change the bootstrap caret pointing direction on click event

Question

I\'m using 2.3.2 bootstrap

As I can change the position of the caret icon when I click the menu button.

I need that when I click the icon caret pointing up and

Answer 1

Updated Fiddle

Added the following CSS

.navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: transparent;
    border-bottom: 4px solid #000000;
    position: relative;
    top: -3px;
}