Drop down menu button

Issue:
When i click the drop down menu button for the first time after refreshing the page it doesn’t open but opens on 2nd click. after second click it open on every single click. But only for the first time after refreshing it we have to click twice for the drop down menu to open. Any suggestions where i can be making the mistake.?

<div class="photo-cover dropdown-wrapper" aria-hidden="true" data-toggle="dropdown" aria-expanded="false" id="dropdownMenuButton"><img src="/images/Camera.svg" class="camera-img">Update photo cover</div>
<div class="dropdown-menu btn" aria-labelledby="dropdownMenuButton">
	<ul>
        	<li ><img src="/images/SmallCamera.svg" class="camera-img-change">
                Change cover photo
                </li>
                <li><img src="/images/DeleteBucket.svg" class="camera-img-change">
                Delete cover photo
                </li>
	</ul>
</div>