function changedisplay()
{
var x = document.getElementsByTagName('li');
if (x.style.display == 'none')
{
x.style.display = 'block';
}
else
{
x.style.display = 'none';
}
}
<!DOCTYPE html>
<html>
<HEAD>
<meta charset='utf-8'>
<script type='text/javascript' src='script.js'></script>
<style>
li
{
display: none;
}
</style>
</HEAD>
<body>
<button onclick="changedisplay()">mudar</button>
<ul>
<li name='li'>ASDASD</li>
<li name='li'>ASDASD</li>
<li name='li'>ASDASD</li>
</ul>
</body>
</html>
Estou tentando fazer um menu para mobile com uma <ul>
por padrão está display: none, quero alterar o msm block quando o usuário clicar no Menu para dar o efeito e voltar para none quando o mesmo for pressionado.