Javascript JQuery SlideToggle向下滑动,然后备份以覆盖内容 修好了!我将dt和dd设置为float:left,所以当切换开始时,标题试图取代它在内容旁边的位置并覆盖它?不确定,但去掉浮子就可以解决了。现在如果有人能解释为什么。。。
我不知道如何说明这个问题,但我有Javascript JQuery SlideToggle向下滑动,然后备份以覆盖内容 修好了!我将dt和dd设置为float:left,所以当切换开始时,标题试图取代它在内容旁边的位置并覆盖它?不确定,但去掉浮子就可以解决了。现在如果有人能解释为什么。。。,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不知道如何说明这个问题,但我有 <section id="contact-page"> <div class="contact-wrapper"> <h1>Contact Us</h1> <dl class="contact"> <dt>Contact</dt> <dd>Email: <a href="mailto:myemail@gmail.
<section id="contact-page">
<div class="contact-wrapper">
<h1>Contact Us</h1>
<dl class="contact">
<dt>Contact</dt>
<dd>Email: <a href="mailto:myemail@gmail.com">myemail@gmail.com</a></dd>
<dd>Phone: (812 000 0000)</dd>
</dl>
<dl class="address">
<dt>Address</dt>
<dd>I forgot to take out my addrss</dd>
<dd>CHere too...</dd>
<dd>United States</dd>
</dl>
<dl class="business-hours">
<dt>Business Hours</dt>
<dd>Monday — Friday</dd>
<dd>10am to 6pm</dd>
</dl>
</div>
现在与之前和之后的图像!
修复了它!我将dt和dd设置为float:left,所以当切换开始时,标题试图取代它在内容旁边的位置并覆盖它 如果你的问题已经解决了,那么请把解决问题的帖子标记为正确答案——即使是你写的:)我太新了,不能写答案,所以我不能标记它除非我能在帖子上做标记?
<script>
$(document).ready(function(e){
$('#contactclick').on('click',function(){
$('#contact-page').slideToggle();
});
})
</script>
.contact-page {
overflow: hidden;
}
#contact-page {
clear: both;
color: #FFF;
display: none;
font-family: 'Fenix', serif;
font-size: 1.8rem;
letter-spacing: .12rem;
padding-bottom: 1.5rem;
padding-top: 6rem;
text-align: center;
width: 100%;
}
#contact-page dl {
float: left;
margin-top: 2rem;
text-align: center;
width: 20%;
}
#contact-page dl dd {
line-height: 1.7rem;
margin: 0;
}
#contact-wrapper {
background: rgba(0 0 0 .1);
display: ;
margin: 0 auto;
position: relative;
width: 100%;
}
dl {
float: left;
margin-top: 2rem;
text-align: center;
width: 20%;
}
dd {
margin: 0 0 0 40px;
}