Javascript hide()可以正常工作,但不能';t.show()

Javascript hide()可以正常工作,但不能';t.show(),javascript,jquery,html,Javascript,Jquery,Html,所以我试着一次只让一个部分处于上升状态,而另一个部分处于上升状态,其他部分则隐藏起来。假设这是我的HTML: <a href="#about" class="text-center" title="">About</a> <div class="about"> <h2>About</h2> </div> “关于”部分会立即隐藏,但是当我单击“关于”链接时,“关于”部分不会显示或返回视图。我做错什么了吗? 或者将i

所以我试着一次只让一个部分处于上升状态,而另一个部分处于上升状态,其他部分则隐藏起来。假设这是我的HTML:

<a href="#about" class="text-center" title="">About</a>

<div class="about">
    <h2>About</h2>
</div>
“关于”部分会立即隐藏,但是当我单击“关于”链接时,“关于”部分不会显示或返回视图。我做错什么了吗?

或者将id分配给元素
a

<a href="#about" id="about" class="text-center" title="">About</a>

或者将id分配给元素
a

<a href="#about" id="about" class="text-center" title="">About</a>

您应该为锚元素放置一个id,例如
id=“about”

$(文档).ready(函数(){
$('.about').hide();
$('#about')。在('click',函数(e){
e、 预防默认值();
$('.about').show();
});
});

关于

您应该为锚元素设置一个id,例如
id=“about”

$(文档).ready(函数(){
$('.about').hide();
$('#about')。在('click',函数(e){
e、 预防默认值();
$('.about').show();
});
});

关于

您需要为单击事件设置正确的ID:

<a **id="about"** href="#about" class="text-center" title="">About</a>

<div class="about">
    <h2>About</h2>
</div>

您需要为单击事件设置正确的ID:

<a **id="about"** href="#about" class="text-center" title="">About</a>

<div class="about">
    <h2>About</h2>
</div>

$(“#about”)
你没有任何ID标签
about
@wadie不,该元素消失了,理想的答案是只给
a
标签一个ID,因为这是
显示/隐藏
触发器
$(“#about”)
你没有ID标签
about
@wadie不,该元素消失了,理想的答案是只给
a
标签一个id,因为这是
show/hide
触发器是的,谢谢。我忘了在主播标签lol中添加这个。我犯了一个愚蠢的错误:染料,谢谢。我忘了把它添加到锚标签lol中。只是我犯了一个愚蠢的错误:D
<a **id="about"** href="#about" class="text-center" title="">About</a>

<div class="about">
    <h2>About</h2>
</div>
$(document).ready(function() {
    $('.about').hide();

    $('#about').on('click', function(e) {
        e.preventDefault();
        $('.about').show();
    });
});