显示和隐藏div点击
问题描述:
我有两个div在我的右边栏,我想显示一个一次使用显示/隐藏锚标记,但我无法做到这一点,因为我使用cakephp。请帮助我实现这一点。显示和隐藏div点击
<html>
<head>
<script type="text/javascript">
document.getElementById('dsearch').style.visibility = 'hidden';
$(document).ready(function() {
$('#showhidetarget').hide();
$('a#showhidetrigger').click(function() {
$('#showhidetarget').toggle(400);
});
});
</script>
</head>
<body>
<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"</script>
<a id="showhidetrigger" href="/hawaii/tests/dsearch/">Detailed Search</a>
<div id="showhidetarget"></div>
</body>
</html>
答
试装车的jQuery调用$document.ready()
<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
[...]
+0
我必须在同一页上显示我的第二个div后,我点击下面的第一个div的书写锚标记,它会显示在同一页上。 – RickeyWalia 2012-08-06 07:55:11
答
我认为你应该在你已经包括jQuery的脚本标记..这样jQuery将首先被加载后,把第一个脚本标签则是依赖于jQuery的
<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
document.getElementById('dsearch').style.visibility = 'hidden';
$(document).ready(function() {
$('#showhidetarget').hide();
$('a#showhidetrigger').click(function() {
$('#showhidetarget').toggle(400);
});
});
</script>
使用jQuery切换代码方法来做到这一点。 – Ankit 2012-08-06 07:02:49
@Ankit真的吗?你建议OP使用他已经尝试使用的技术......请将其作为答案张贴,以便我可以给你一个减号。 – Joonas 2012-08-06 07:43:49