Bootstrap dropdown issues. (Dropdowns ans remains dropdowned)

Question

I want to use bootstrap dropdown menu:

<li class="nav__item dropdown profile open">
                        <a id="openLessons" href="#" class=" nav__link dropdown-toggle" data-toggle="dropdown">
                                Открытые уроки
                        </a>
                        <ul class="dropdown-menu newmenu">
                            <li class=""><a href="/algebra">Алгебра</a></li>
                            <li class=""><a href="/literature">Литература</a></li>
                            <li class=""><a href="/russian">Русский язык</a></li>
                            <li class=""><a href="/history">История</a></li>
                        </ul>
                    </li>

For some reason it's dropdowned when the page loads and rmains dropdowned. What have I forgotten? Fiddle of course.

Answer 1

<li class="nav__item dropdown profile open">

remove the class open.

Answer 2

Remove .open

<li class="nav__item dropdown profile open">