Question

问题非常简单，我知道必须有一个明显的答案。我有一个名为#pagebox的div ID，我希望它在点击#about时显示。

谢谢;我会包含HTML和CSS，但我不相信它会有很大的帮助。

Answer 1

这就是你所需要的一切：

$('#about').click(function() {
    $('#pagebox').show();
});

备注：

您应该将代码放在文档就绪函数中，如下所示：

$(document).ready(function(){ //above code goes here });

此解决方案使用jQuery，因此您必须在文档头标记中包含对jQuery库的引用，如下所示：

<head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> </head>

如果代码最初不存在于DOM中，但是通过javascript / jQuery或AJAX注入，则必须使用以下格式：

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

来源/参考文献：

Alex Garret's 200 10-min beginner videos about jQuery (FREE)
W3School's excellent jQuery selector reference chart
More from Alex Garret (also free)

Answer 2

$("#about").on("click", function(){
    $("#pagebox").show();
});

Answer 3

这样的东西？

$("#about").on("click", function(){
    $("#pagebox").css("display","block");
});

Answer 4

您可以使用jQuery，例如：

$(document).ready(function(){
    $("#about").click(function(){
        $("#pagebox").show();
    }
}

Answer 5

试试这个

$("#about").click(function(){
    $("#pagebox").show();
});

Answer 6

没有别的东西要看，我会用：

$('#about').on('click', function(){
    $('#pagebox').toggle();
});

通常我会根据使用频率将元素集合存储在变量中，以便在不必要的情况下保存到DOM中。

Toggle允许元素#about交替显示/隐藏#pagebox。

如何在单击另一个div时显示div？

6 个答案: