Expand and Folding show with simple Javascript

<script type="text/javascript">
<!--
function divDisplay(obj){
  var o = document.getElementById(obj);
  var oClass = o.className;
  if(oClass =="step"){
    o.className = "expand";
    this.className = 'step';
  }else{
    o.className = "step";
  }
}
-->
</script>
<div class="step" id="show">
  <h3 onclick="divDisplay('show')">Click Here</h3>
  <div class="con">
    <p>Global Market Group 通常会在办公室、酒店或学校组织面试,时间在宣讲会后第二天至二十天内。</p>
    <br />
    <p>两至三轮面试:</p>
    <p>第一轮:群面;</p>
    <p>第二轮:通过群面的候选人在当天或两周内进行复试;</p>
    <p>第三轮:有些部门会在通过第二轮单面的候选人中再进行面试筛选,从而最终确定入选者。</p>
  </div>        
</div>

注: 显示与隐藏则可以根据不同的className 实现CSS控制

评论已关闭。Comments are turned off for this article.