Javascript 如何在ASP.net中隐藏和显示div中的ComponentArt滑块

componentart滑块在div中给出，当我们单击div外的按钮时，div将显示和隐藏componentart滑块（这是概念）…我尝试了许多javascripts和jquery，但在滑块中出现了一些错误

在此URL中(http://aspnetajax.componentart.com/control-specific/scheduler/features/core_features/WebForm1.aspx)->这是我想要的

但是我在slider中有一些错误

（我的错误是单击“显示/隐藏”按钮时滑块将折叠）

功能切换（id）{
var state=document.getElementById（id）.style.display；
如果（状态=“”）{
document.getElementById（id）.style.display='none'；
}否则{
document.getElementById（id）.style.display=''；
}
}
函数onloadDivScheduler（）
{
document.getElementById（'divScheduler'）.style.display='none'；
}    

“我的内容（组件艺术滑块）”

给我答案

提前谢谢

现在我得到了这段代码的部分输出

<script type="text/javascript">
        function toggle(id) {
            var state = document.getElementById(id).style.display;
                if (state == 'block') {
                    document.getElementById(id).style.display = 'none';
                } else {
                    document.getElementById(id).style.display = 'block';
                }
            }
    </script>


 <div id="main"> <a href="#" onclick="toggle('hidden');">Settings</a>
 </div>
 <div id="hidden"> ("content")</div>

功能切换（id）{
var state=document.getElementById（id）.style.display；
如果（状态=='block'）{
document.getElementById（id）.style.display='none'；
}否则{
document.getElementById（id）.style.display='block'；
}
}
（“内容”）

现在我想在页面出现时隐藏我的div，但在这段代码中，当页面开始时，div显示为div内容

当页面开始时，你会给出隐藏div的示例吗？当我们单击按钮时，它会显示div…。

函数切换div（divName）{
function toggleDiv(divName){
   $("#"+divName).toggle();
}

<a href="#" onclick="toggleDiv('hidden');">Settings</a>

$（“#”+divName）.toggle（）；
}

---

为什么要将其标记下来？

-1显示一些代码。显示您尝试过的内容。它不起作用。请您为上述代码提供完整的javascript。这就是完整的javascript。您需要运行jquery。忘记我的哈希标记，请重试。另外，请在某一天更新jquery。这就是解决方案。。从您提供给我们的内容中，您试图隐藏和显示div ID'd'divScheduler'。。。使用jquery的切换功能。如果您没有给我们提供正确的信息（因为我看不到除javascript中引用它以外的任何其他信息），请更新您的问题。

<script type="text/javascript">
        function toggle(id) {
            var state = document.getElementById(id).style.display;
                if (state == 'block') {
                    document.getElementById(id).style.display = 'none';
                } else {
                    document.getElementById(id).style.display = 'block';
                }
            }
    </script>


 <div id="main"> <a href="#" onclick="toggle('hidden');">Settings</a>
 </div>
 <div id="hidden"> ("content")</div>

function toggleDiv(divName){
   $("#"+divName).toggle();
}

<a href="#" onclick="toggleDiv('hidden');">Settings</a>