Javascript 页面加载时会弹出手风琴div

我正在尝试使用accorbian创建我的页面。 当我点击按钮时，它可以正常工作，但唯一的问题是div在页面加载时打开，我希望它关闭。它应该只在单击按钮时打开

<a href="" class="accordion">Click here</a>
 <div class="panel" id="AccordionDiv">
            <div class="store">
                <div class="store-row">

                    <div class="cells store-logo text-center">
                        <img src="@strStaticWebsiteUrl@(objOfferPrice.StoreImage)" alt="" />
                    </div>

                    @if (objOfferPrice.Price < objOfferPrice.UrlPrice)
                    {
                        <div class="cells text-center">
                            <div class="product-price offer-price">Rs. @String.Format(System.Globalization.CultureInfo.InvariantCulture, "{0:0,0}", objOfferPrice.Price)<sup>*</sup></div>
                            <p class="real-price">Price: @objOfferPrice.UrlPrice</p>
                        </div>
                    }
                </div>
           </div>

@if（objOfferPrice.Price价格：@objOfferPrice.UrlPrice

}

这是html代码，下面是脚本代码

            <script>
                var acc = document.getElementsByClassName("accordion");
                var i;
                for (i = 0; i < acc.length; i++) {
                    acc[i].addEventListener("click", function () {

                        this.classList.toggle("active");
                        var panel = this.nextElementSibling;
                        if (panel.style.display === "block") {
                            panel.style.display = "none";
                        } else {
                            panel.style.display = "block";
                        }
                    });
                        }
            </script>

var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

使用您拥有的代码，设置一个内联style=“display:none”，以便默认情况下关闭手风琴。建议的方法是将类设置为打开/关闭并在它们之间切换，而不是将样式内联。

只需将

style=“display:none”

添加到pannel div中即可

改变

 <div class="panel" id="AccordionDiv">

至

 <div class="panel" id="AccordionDiv" style="display:none">

---

最初隐藏它，并在按钮单击激发时显示它

<div class="panel" id="AccordionDiv" style="display:none";>


     <script>
      window.onload = function(){
            var acc = document.getElementByClassName("accordion");
            var i;
            for (i = 0; i < acc.length; i++) {
                acc[i].addEventListener("click", function () {

             document.getElementById("AccordionDiv").style.display="block";
                    this.classList.toggle("active");
                    var panel = this.nextElementSibling;
                    if (panel.style.display === "block") {
                        panel.style.display = "none";
                    } else {
                        panel.style.display = "block";
                    }
                });
                    }}
        </script>

window.onload=函数（）{
var acc=document.getElementByClassName（“accordion”）；
var i；
对于（i=0；i

为什么要标记JQuery和AngularJS？先生，有没有办法让这个div slde缓慢地上下移动？或者我可以说切换？长官，有没有办法让这个潜水器慢慢上下移动？或者我可以说切换？