没有合适的资源?快使用搜索试试~ 我知道了~
一篇文章初始状态显示一部分,点击展开全部,自动改变页面高度,然后点收起内容,页面高度自动恢复到初始高度。
资源推荐
资源详情
资源评论
文章显示区域
<div class="fff-bg archives-box">
<div class="brief-box">
<?php echo strip_tags($companyinfo->companydata->content); ?>
</div>
<p class="brief-a"> <a href="javascript:void(0)" class="view-all">[查看全部]</a> <a href="javascript:void(0)" class="pack-up hidden">[收起内容]</a></p>
</div>
<script>
$(function(){
//公司简介 改变高度
$('.view-all').click(function() {
$(this).parent().prev('.brief-box').css('height','auto') ;
$(this).hide();
$(this).siblings('.pack-up').show();
});
$('.pack-up').click(function() {
$(this).parent().prev('.brief-box').css('height','120px') ;
$(this).hide();
$(this).siblings('.view-all').show();
});
<div class="fff-bg archives-box">
<div class="brief-box">
<?php echo strip_tags($companyinfo->companydata->content); ?>
</div>
<p class="brief-a"> <a href="javascript:void(0)" class="view-all">[查看全部]</a> <a href="javascript:void(0)" class="pack-up hidden">[收起内容]</a></p>
</div>
<script>
$(function(){
//公司简介 改变高度
$('.view-all').click(function() {
$(this).parent().prev('.brief-box').css('height','auto') ;
$(this).hide();
$(this).siblings('.pack-up').show();
});
$('.pack-up').click(function() {
$(this).parent().prev('.brief-box').css('height','120px') ;
$(this).hide();
$(this).siblings('.view-all').show();
});
资源评论
qq_31558451
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功