-4

我正在观看使用 JQuery 切换的教程，我想在我的网站上使用它，但问题是我想在页面加载时将 div 隐藏起来，所以当有人访问该页面时，它只是一个按钮说一些文本以显示内容，当单击该按钮时，然后切换并显示内容，但由于我是新手，我不知道如何停止其默认打开状态：

function random_script(element,speed){
$(element).toggle(speed);
}

<input type="button" value"Show Results?" onClick="random_script('#somediv',1000);"/>
<div id="somediv"></div>

那么有什么解决方案吗？

4

4 回答 4

5 
<a href="javascript:void(0)" onClick="random_script('#somediv',1000);">Show Results?</a>
<div id="somediv" style="display:none;"></div>

使用 JQuery ( jsfiddle ) 替代：

<script type="text/javascript">
    ​$('.showResult')​.click(function (){
        $(this).next('.result').toggle();
    });​​​​​​
</script>
<style>
    ​.result {
        display: none;
    }​
</style>

<a href="javascript:void(0)" class="showResult">Show Results?</a>
<div class="result">Some Result​​​​​​​​​​​​​​​​​​​​​​​​​​&lt;/div>​​​​​​​​​​​​​​​​​​​​​​
于 2012-08-20T07:34:23.390 回答
2

添加一个 CSS 规则

#somediv{ display:none;}
于 2012-08-20T07:38:28.953 回答
1

为了反转初始功能，toggle()您必须首先隐藏目标元素。您可以通过声明#somediv{display:none}它来实现这一点。

执行此操作时，toggle()将显示元素。

在这里，您有一个示例fiddle。

此外，您不应使用内联事件属性，而应使用真正的事件处理程序。

$("input").on("click".function(){
   random_script("#somediv",1000);
});

function random_script(element,speed){
    $(element).toggle(speed);
}

是正确的方法。

于 2012-08-20T07:38:16.483 回答
0

你错过了{}for 功能。

function random_script(element,speed) {
  $(element).toggle(speed);
}
于 2012-08-20T07:28:27.667 回答