deze is mij html code :
<div id="side-menu" class="side-nav" >
<a href="#" class="open-slide" onclick="openSlideMenu()" >
<svg width="30" height="30" style="margin-left:-10px;">
<path d="M0 ,5 30 ,5" stroke="#fff" stroke-width="5"/>
<path d="M0 ,14 30 ,14" stroke="#fff" stroke-width="5"/>
<path d="M0 ,23 30 ,23" stroke="#fff" stroke-width="5"/>
</svg>
<div class="menu-bar">Menu</div>
</a>
<a href="#" class="btn-close" onclick="closeSlideMenu()">X </a>
en deze is javascript code:
<script>
function openSlideMenu() {
document.getElementById('side-menu') .style.width='250px';
}
function closeSlideMenu() {
document.getElementById('side-menu') .style.width='0';
}
</script>
deze is mij url:http://webdesignleren.com
de probleem is als ik klik op hamburger icon om de slide menu te openen de icon menu en de title onder (menu) blijft zichtbaar. ik wil dat als ik open de slide menu de icon en de title onder(menu) wordt onzichtbaar.
ik heb geprobeerd in css te oplossen de probleem .maar is niet gelukt .
ik denk die kan in javascript. zo welke code ik moet toevoegen in javascript om wanneer ik onclick aan slide menu
de hanmburger icon en de title onder (Menu) wordt onzichtbaar?
dank u wel
