1. 应用外观请点击块标题查看效果

    这里有 3 个“风琴块”(账户、日程管理、服务中心),“账户”被设置成了启用状态,显示其内容,其他块未设置,则隐藏其内容。由此构成整个风琴效果。单个风琴块的代码结构如下:

    <div class="c_acc">
    	<div class="c_accTitle">
    		<a href="#nogo" class="text">块标题</a>
    	</div>
    	<div class="c_accContent" style="height:400px;">
    		<!-- 这里可以放置任意组件 -->
    	</div>
    </div>
    

    启用状态设置方法:

    <div class="c_acc c_acc-on">
    	<div class="c_accTitle">
    		<a href="#nogo" class="text">块标题</a>
    	</div>
    	<div class="c_accContent" style="height:400px;">
    		<!-- 这里可以放置任意组件 -->
    	</div>
    </div>