zoukankan      html  css  js  c++  java
  • 页面中指定内容的显示和隐藏

    1 单个表格中隐藏和显示  :     

    View Code
     1 function change() {       
     2       content.style.display = 
     3       (content.style.display== "none")
     4       ? "block": "none";
     5       link1.innerText = 
     6      (content.style.display == "none")
     7       ? "显示" : "隐藏";
     8     }
     9 Eg:
    10 <span><id="link1" href="javascript:change();">显示</a>基本信息 </span>
    11 <div id="content">内容</div>

    2 一个页面中有多个要显示和隐藏的内容:

    View Code
    function toggle(targetId, link) {        
         if ($("#"+ targetId).css("display") == "none") {
                $("#"+ targetId).show();
     
                $("#"+ link).html("隐藏");       
         } else {
                $("#"+ targetId).hide();
     
                $("#"+ link).html("显示");      
             }
        } 
    Eg:
       <span>
         <id="link1" href="javascript:toggle('content1','link1');">显示</a>基本信息 
       </span>
    <div id="content1">内容</div>

    说明:targetId是要隐藏的div的id,link是要改变的点击内容

  • 相关阅读:
    java:第三章
    java:第一章
    java:第二章
    复制a.jpg到b.jpg
    安卓事件大全
    安卓事件
    read输入流与writer输出流的对比
    第五章:循环结构
    第三章:选择结构(一)
    第二章:变量,数据类型和运算符
  • 原文地址:https://www.cnblogs.com/wggWeb/p/2332075.html
Copyright © 2011-2022 走看看