<style>
.downorder #downtext{
display: none;
}
</style>
<!-- 下拉菜单 -->
<div class="downorder">
<input type="button" value="下拉菜单" id="btn">
<div id="downtext">
<a href="">text1</a><br>
<a href="">text2</a><br>
<a href="">text3</a>
</div>
<script>
var btn = document.getElementById('btn')
var box = document.getElementById('downtext');
var flag = true;
btn.onclick = function () {
if (flag) {
box.style.display = 'block';
flag = false;
} else {
box.style.display = 'none';
flag = true;
}
}
</script>