实现可折叠效果

<script type="text/javascript">
$(document).ready(function(){
    $(".help h3").click(function(){
        $(this).next("p").slideToggle("fast");
    })
})
</script>
</head>
<body>
    <div class="help">
        <div class="cssDiv">
            <h3>单击展开或折叠</h3>
            <p>jQuery实现可折叠效果的方法</p>
        </div>
        <div class="cssDiv">
            <h3>单击展开或折叠</h3>
            <p style="display: none;">jQuery实现可折叠效果的方法</p>
        </div>
    </div>
</body>

时间： 2024-10-13 07:11:34

实现可折叠效果的相关文章

仿网易云音乐专辑图片折叠轮播

仿网易云音乐专辑图片折叠轮播先不多说现上一张效果图首先简述一下实现原理 1.首先让我们的imageview**动起来** 其实是不断的.invalidate();函数让他不断的调用ondarw函数 (显然我们不必要不断的调用ondarw函数只有在我们让他动的时候调用即可所以我们要声明一个变量记录change记录是否产生动画) 2.实现我们的可折叠效果 Matrix的setPolyToPoly方法的使用可参考(http://blog.csdn.net/lmj623565791/art

Echarts关系图-力引导布局

需要做一个树形图,可以查看各个人员的关系. 可伸缩的力引导图-失败刚开始,打算做一个可展开和伸缩的,搜索时候发现CSDN有一篇美美哒程序媛写的Echarts Force力导向图实现节点可折叠. 这里放上前辈的代码 /** 这段代码来自 http://blog.csdn.net/r4NqiAn/article/details/48320487 Echarts-Force 力导向布局图树状结构实现节点可折叠效果作者:Reese 日期:2015-09-09 版本:V0.1 功能:点击一次节点,展开

赵雅智_AndroidUI_Android中listview可折叠伸缩仿手风琴效果（静态）

最近些一个名片夹得app.其中名片夹客户要求做成可折叠伸缩的效果,真是费了好大劲啊~~~啥都不说了看效果图吧~~ package com.cards.activity; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.app.ListActivity; import android.content.Context; i

赵雅智_AndroidUI_Android中listview可折叠伸缩仿手风琴效果（动态）

之前写了一篇静态数据listview显示手风琴效果,今天写的博客是动态实现listview的手风琴效果静态链接:listview静态手风琴效果数据都是存储在数据库中的,如果想要获取数据就要查询数据库并且实现了:点击查看想要看的名片的时候,上一个打开的就能关闭核心代码如下: package com.cards.activity; import java.util.List; import android.app.Activity; import android.app.AlertDialo

jquery easyui使用（二）······可折叠面板动态加载无效果

先上代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用车管理</title> <link href="../

【Android】9.2 内置行视图的分类和呈现效果

分类:C#.Android.VS2015: 创建日期:2016-02-18 一.简介 Android内置了很多行视图模板,在应用程序中可直接使用这些内置的视图来呈现列表项. 要在ListView中使用内置的行视图呈现列表项,只需要通过Android.Resource.Layout类的属性指定资源的ID即可.例如: public class MainActivity : Activity { -- protected override void OnCreate(Bundle bundle) {

Android零基础入门第70节：ViewPager轻松完成TabHost效果

上一期学习了ViewPager的简单使用,本期一起来学习ViewPager的更多用法. 相信很多同学都使用过今日头条APP吧,一打开主界面就可以看到顶部有很多Tab,然后通过左右滑动来切换,就可以通过ViewPager来完成.当然具体实现又会有很多方式,我们本期就先来学习最简单的Tab切换吧,有一点类似于之前了解的TabHost. 一.PagerTitleStrip与PagerTabStrip 在实际运用中,很多时候只有页面滑动是不够的,还需要有标题栏才够友好.首先来学习一下官方自带的,在and

Android基础入门教程——2.4.12 ExpandableListView(可折叠列表)的基本使用

Android基础入门教程--2.4.12 ExpandableListView(可折叠列表)的基本使用标签(空格分隔): Android基础入门教程本节引言: 本节要讲解的Adapter类控件是ExpandableListView,就是可折叠的列表,它是ListView的子类, 在ListView的基础上它把应用中的列表项分为几组,每组里又可包含多个列表项.至于样子, 类似于QQ联系人列表,他的用法与ListView非常相似,只是ExpandableListVivew显示的列表项需由Ex

【转】Material Design 折叠效果 Toolbar CollapsingToolbarLayout AppBarLayout

我非常喜欢Material Design里折叠工具栏的效果,bilibili Android客户端视频详情页就是采用的这种设计.这篇文章的第二部分我们就通过简单的模仿bilibili视频详情页的实现来了解下CollapsingToolbarLayout的使用.文章的第三部分介绍了CollapsingToolbarLayout与TabLayout的组合使用. 有基础的朋友可以直接跳过第一部分. 一.相关基础属性介绍 Android studio中有一个Activity模板叫ScrollingAct