Question

我想做的是：

在页面加载时隐藏我的div，然后当您单击其他div时它将显示。我有限的知识并没有真正让我实现这一目标。我做错了什么？

jQuery的：

$(document).ready(function(){
    $('#trojkat2').click(function(){
        $('#login').hide();
    });
});
</script>

“trojkat2”是我要点击以显示“登录”的div。

HTML：

 <div class="kwadrat2">
    <div class="trojkat2">
    <div class="trojkat_bg2"></div>
    </div>
    </div>

<div class="login">
<img style="height: 550px; width: 280px; border-radius: 10px;" src="buymenu.jpg">
</div>

我做错了什么？

Answer 1

首先，当文件准备好时，通过.hide（）函数隐藏你的#login div，点击$（。trojkat2）之后，使用show（）使#login出现，就像类选择器一样。而不是＃

$(document).ready(function(){
    $('.login').hide();
    $('.trojkat2').click(function(){
        $('.login').show();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="kwadrat2">
<div class="trojkat2">click here
<div class="trojkat_bg2"></div>
</div>
</div>

<div class="login">
<img style="height: 550px; width: 280px; border-radius: 10px;" src="buymenu.jpg">
</div>

Answer 2

试试这个：

$('.trojkat2').click(function() {
    $('.login').show();
});

Answer 3

您的示例没有id = trojkat2的元素，因此您的选择器$（＆＃34;＃trojkat2＆＃34;）无法正常工作。 #login也是如此。相反，您需要将其更改为类选择器：

$('.trojkat2').click(function(){
        $('.login').hide();
    });

示例：http://jsfiddle.net/DinoMyte/nrNX8/529/

Answer 4

在HTML代码中，您创建了名为login和trojkat2的类。但是，在你的jQuery中，你告诉它调用名为login和trojkat2的ID。课程前面带有＆＃34;。＆＃34;和ID前面带有＆＃34;＃＆＃34;。相反，请在jQuery中尝试以下代码：

$(document).ready(function(){
    $('.trojkat2').click(function(){
        $('.login').hide();
    });
});

如何使用jQuery隐藏我的div，然后通过按另一个div再次显示它？

4 个答案: