Question

所以我有一个麻烦，我想让我看不见的＆＃34;容器＆＃34;当我点击我的＆＃34;输入类型=＆＃39;提交＆＃39;＆＃34;当我点击关闭但我似乎无法让它工作时再关闭它。 HTML

<div id="container">
    <a href="#"><span id="close"><em>x</em></span></a>
<div id="wrapper">
    <font id="wrapper-text"><em>Upload Your Own Video!</em></font>
    <input type="text" placeholder="Title for the video"><br>
    <input type="text" placeholder="User"><br>
    <input type="text" placeholder="Tags"><br>
    <textarea placeholder="Description for the video" rows="7" cols="40"></textarea>
</div>
</div>

CSS

#container {display:none; height:707px; widht:100%; background-color:rgba(255,255,255,0.3)}

脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript">
     $(document).ready(function(){
        document.getElementById('#yourown').click(function(){
        document.getElementById("#container").css("display","block");
            )} 
        )}
     $document.ready(function(){
        document.getElementById("#close").click(function{
            document.getElementById("#container").css("display","none")
        })
     })

Answer 1

如果您使用的是jQuery，那么使用document.getElementById()就完全没法了只需使用：

$("#yourown").click(function(){
    $("#container").toggle();
});
$("#close").click(function(){
    $("#container").hide();
});

我不确定这是你需要的，你的代码有点混乱。试一试，看看它是否有效。

Answer 2

如果你使用的是jQuery，你可能想要使用$（＆＃39;＃container＆＃39;）。show（）和$（＆＃39;＃container＆＃39;）。hide（）。

我建议您阅读here:

你也错过了一些分号......这样的事情应该有效：

    $('#yourown').click(function(){ 
        $("#container").show(); 
    });
    $("#close").click(function{ 
        $("#container").hide();
    });

（JQUERY）我想在点击时看到一个不可见的div，然后再次点击它

2 个答案: