表单的隐藏与显示

hHTML中写css和JavaScript其中两个例子

1.下单的隐藏与展示

<html>

  <head>

    <meta charset="utf-8">

    <title>下单的隐藏与展示</title>

    <style type="text/css">

      #myDiv{

        list-style-type:none;

      }

      #cityOfChina{

        display:none;

      }

      #myDiv a:hovor{

          color:red;

        

      }

</head>

<body>

    <script type="text/javascript">

      var hidden=true;

      function  hiddenOrDisplay(){

        var cityOfChina=document.getElementById("cityOfChina");

          if(hidden){

            cityOfChina.style.diplay="block";

            hidden=false;

          }else{

             cityOfChina.style.diplay="none";

            hidden=true;   

          }

        }

    <div>

      <ul>

        <li><a style="curcor :pointer" onclick="hiddenOrDisplay();">中国</li>

          <ul>

            <li>北京</li>

            <li>天津</li>

            <LI>上海</li>

         </ul>

        <li>日本</li>

        <li>美国</li>

        

</body>

原文地址:https://www.cnblogs.com/sunyuhuan/p/8417470.html