在页面加载时隐藏DIV

我试图在页面加载时隐藏DIV元素，并在点击了Purchase now buton之后单击DIV元素加载。现在它显示何时加载页面，何时点击它隐藏，即使当我在功能中切换“块”和“无”时它仍然不起作用？任何人都可以帮我把它藏在负载上吗？在页面加载时隐藏DIV

感谢

显示&隐藏脚本：

function showhide() 
    { 
    var div = document.getElementById("newpost"); 
    if (div.style.display !== "none") { 
     div.style.display = "none"; 
    } 
    else { 
     div.style.display = "block"; 
    } 
    }

DIV元素：

<div id="newpost" class="hidden"> 

    Enter Your First Name:</td> <input type="text" size="10"> 
    <br> 
    Enter Your Surname: <input type="text" size="10"> 
    <br> 
    Enter Your Address: <input type="text" size="10"> 
    <br> 
    Enter Your E-mail: <input type="text" size="10"> 
    <br> 

    <input type="button" value="Submit Purchase" id="B1" onClick="final()"> 
</table> 
      </div>

调用者：

 Basket: <input type="text" id="Total" disabled="disabled" > <input type="button" value= "Purchase Now" onclick ="showhide()"> <input type="button" value= "Clear Basket" onclick ="showhide()">

来源

2015-04-12 GKYDD GGDRYB

使用CSS：'#newpost {display：none; }' –

什么叫'showhide'？ – emd

我不确定您在帖子中提到的“立即购买”按钮是否与代码中的“提交购买”按钮相同，但如果是，则在页面加载时隐藏div也会隐藏该按钮。如果是这种情况，您需要将输入标签从div中移出。 – thirtyish

我会用CSS来藏e它：

<html> 
    <head> 
     <title>...</title> 
     <style type="text/css"> 
      #newpost { 
       display: none; 
      } 
     <style> 
    </head> 
    <body> 
     <!-- ...... --> 
    </body> 
</html>

这意味着您的DIV将默认隐藏（根据样式规则），并且您的函数将在调用时显示它。

其余的代码应该没有问题（记住要点击时单击“立即购买”按钮，所以它不会再次按下，因此，您的DIV将再次隐藏）。

来源

2015-04-12 19:41:11

+1在页面加载时不建议对jQuery进行多余的调用。其他答案是过度使用这个用例的方法。 – Alex

在页面加载时隐藏DIV

回答

相关问题