事件后加载隐藏的div(加载文件)

时间:2016-05-25 20:26:50

标签: javascript html css html5 dom

我想在使用输入fileInput加载2个文件后显示一些div(tittletextbox1,tittletextbox2,textbox1和textbox2)。

但是我不知道如何隐藏div并在文件完全加载后显示div。

<body>
    <input id="fileInput" placeholder=":input" type="file" size="50" onchange="processFiles(this.files)" multiple>
    <div id="fileOutput">
        <h2><center>DASHBOARD</center></h2>
        <div>
            <div id="tittletextbox1"><img src="images/computer.png" style="vertical-align: middle;"> Basics</div>
            <div id="tittletextbox2"><img src="images/network.png" style="vertical-align: middle;"> Networking</div>
        </div>
        <div>
            <div id="textbox1"></div>
            <div id="textbox2"></div>
        </div>
    </div>

1 个答案:

答案 0 :(得分:1)

我给他们所有的课程.hidden-div display: none;

然后加载你可以

$('.hidden-div').removeClass('hidden-div');