Javascript Jquery显示/隐藏常见问题解答,隐藏文本

Javascript Jquery显示/隐藏常见问题解答,隐藏文本,javascript,jquery,toggle,Javascript,Jquery,Toggle,我正在使用一些Jquery来显示/隐藏站点上问题的答案,但是在文本的底部被隐藏了。我认为问题出在Jquery代码上,但我不能完全理解它。请帮忙 $(文档).ready(函数(){ $('.faq_question')。单击(函数(){ 如果($(this).parent()是('.open')){ $(this).closest('.faq').find('.faq_-answer_-container').animate({'height':'0'},500); $(this).close

我正在使用一些Jquery来显示/隐藏站点上问题的答案,但是在文本的底部被隐藏了。我认为问题出在Jquery代码上,但我不能完全理解它。请帮忙


$(文档).ready(函数(){
$('.faq_question')。单击(函数(){
如果($(this).parent()是('.open')){
$(this).closest('.faq').find('.faq_-answer_-container').animate({'height':'0'},500);
$(this).closest('.faq').removeClass('open');
}否则{
var newHeight=$(this).closest('.faq').find('.faq_-answer').height()+'px';
$(this).最近('.faq').find('.faq\u answer\u container').animate({'height':newHeight},500);
$(this).closest('.faq').addClass('open');
}
});
});
/*常见问题解答*/
.常见问题{
边际:0px;
填充:30px 0px 10px 0px;
字体系列:世纪哥特式、世纪哥特式、AppleGothic、无衬线;
字号:18px;
显示:内联块;
光标:指针;
字体大小:粗体;
颜色:#666666;
}
.faq\u答案\u容器{
高度:0px;
溢出:隐藏;
填充:0px;
字体系列:世纪哥特式、世纪哥特式、AppleGothic、无衬线;
字号:17px;
线高:1.5em;
文本对齐:对齐;
颜色:#666666;
}

为什么我需要人寿保险?
为了保护你的家庭:↡;
  • 提供收入:人寿保险不能代替你,但如果你死了,它可以代替你的部分或全部收入。它可以支付丧葬费用,帮助偿还债务,以及日常开支,如食物、衣服和住房。从长远来看,人寿保险可以帮助支付大学学费或确保退休梦想得以实现
  • 帮助满足家庭需求:想想一个家庭主妇提供的所有工作。这是无价的,为他们投保也是无价的。人寿保险可以支付重要的家庭服务,如儿童保育、交通和家务
  • 提供您一生中可以使用的福利:如果您选择终身保险,您保单中的现金价值,即“生活福利”,可以帮助支付生活事件,如买房、婚礼或教育费用。当您支付终身保单的保费时,现金价值就会增加,您可以使用这些资金。需要记住的一些重要事项是,寿险保单中的现金价值是通过保单贷款获得的,保单贷款按当前利率计息。贷款将减少死亡抚恤金和现金价值
  • 留下一份持久的遗产:人寿保险可以创造一份财务遗产——为未来提供资金,为梦想加油。从最受欢迎的非营利组织到启动奖学金计划——你留下的遗产完全取决于你自己
  • 替换您的收入:↡; 定期人寿保险是最实惠的方式来取代你的收入,如果发生了什么事,你。30多岁和40多岁的健康状况良好的男性和女性可以以每天不到1美元的价格购买10万美元以上的定期人寿保险。你可以购买定期人寿保险,保险金额正好是你需要的,保险时间正好是你需要的。如果你发生了什么事,没有比知道你的家人会有足够的收入更大的感觉了。确保你的家人得到照顾,并在今天得到一份工作。
    在.faq\u answer div的列表元素的顶部和底部有一个空白,newheight没有考虑到这个空白

    添加此样式可以修复此问题

    。常见问题解答{
    边际:0px;
    
    }

    添加常见问题解答{margin:0px;}。