JS|下拉菜单

<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>