单击另一个div时打开div
[英]Open div when click a another div
问题描述
我有一个html结构。 具有以下内容：
<div class="edit"><a class="formtri" href="#">CHANGE</a>
和：
<div id="user_adr" style="display:none">
我想要，当我单击CHANGE时，将user_adr div放在前面。 Ajax或其他解决方案。 我尝试了jQuery .load函数，但无法正常工作。 我怎样才能做到这一点？
4 个解决方案
解决方案1
4 2013-03-01 09:41:23
解决方案2
1 2013-03-01 09:40:29
您可以使用jquery ui. dialog() jquery ui. dialog()方法显示一个对话框。 像这样。 jQuery对话框
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<button id="opener">Open Dialog</button>
解决方案3
1 已采纳 2013-03-01 09:42:17
或者，您可以使用切换功能。
$('.edit').on('click',function(){
$('#user_adr').toggle();
});
如果没有切换。 那么切换的替代方法就是这个。
$('.edit').on('click',function(){
if('#user_adr').is('visible'))
{
$('#user_adr').show();
}
else
{
$('#user_adr').hide();
}
});
//将显示更改为无
$('#yourDivId).attr('display','none');
解决方案4
0 2013-03-01 09:47:54
如果万一还有其他具有相同类名的div，则上述解决方案可能没有帮助，因此最好将唯一ID保留为“ change”
<div class="edit"><a class="formtri" id="change" href="#">CHANGE</a>
$("#change").on("click", function(){
$('#user_adr').show();
});
$("#change").on("click", function(){
$('#user_adr').toggle();
});
单击一个增量编号div时打开另一个div
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.