如何在JQuery中设置两个高度相同的div
我试图让我的第二个div在第一个div更改时动态更改其高度,而不更改如何在JQuery中设置两个高度相同的div,jquery,html,css,Jquery,Html,Css,我试图让我的第二个div在第一个div更改时动态更改其高度,而不更改css中的第二个div高度,只需使用jquery: 这是我的小提琴: 我的html代码: <div id='box'> <p>This is some text</p> </div> <div id='in'></div> #box{ background:#0066FF; border:1px solid blue; width:250px; p
css
中的第二个div高度,只需使用jquery
:
这是我的小提琴:
我的html
代码:
<div id='box'>
<p>This is some text</p>
</div>
<div id='in'></div>
#box{
background:#0066FF;
border:1px solid blue;
width:250px;
position:absolute;
top:10px;
left:10px;
padding:10px;
}
#in{
display:none;
background:#000;
position:absolute;
z-index:-1;
}
p{
color:white;
}
$('#box').hover(function(){
$('#in').toggle();
$('#in').css({
'width' : '250px',
'height' : '60px',
'border' : '1px solid blue',
'padding' : '10px'
});
});
我的jquery
代码:
<div id='box'>
<p>This is some text</p>
</div>
<div id='in'></div>
#box{
background:#0066FF;
border:1px solid blue;
width:250px;
position:absolute;
top:10px;
left:10px;
padding:10px;
}
#in{
display:none;
background:#000;
position:absolute;
z-index:-1;
}
p{
color:white;
}
$('#box').hover(function(){
$('#in').toggle();
$('#in').css({
'width' : '250px',
'height' : '60px',
'border' : '1px solid blue',
'padding' : '10px'
});
});
我为你做了这把小提琴希望这是你想要的其实我不太理解你的问题 小提琴:
首先,您需要获得第一个div的高度,然后将其指定给第二个div 那么您的jquery
$('#box').hover(function(){
var hDiv1=$(this).height();
$('#in').toggle();
$('#in').height( hDiv1 ).css({
'width' : '250px',
'border' : '1px solid blue',
'padding' : '10px'
});
});