我们可以在一页中有两个弹出窗口吗

 function myFunction() {
   document.getElementById("myDIV1").style.display = "none";
   document.getElementById("myDIV").style.display = "inline";
 }
 function myFunction1() {
   document.getElementById("myDIV1").style.display = "inline";
   document.getElementById("myDIV").style.display = "none";
 }

#myDIV {
  position: fixed;
  top: 40px;
  left: 7px;
  width: 1212px;
  height: 620px;
  display: none;
  z-index: 600;
}
#myDIV1 {
  position: fixed;
  top: 40px;
  left: 7px;
  width: 1212px;
  height: 620px;
  display: none;
  z-index: 600;
}
#shadow {
  background: rgba(202, 188, 160, 0.6);
  position: fixed;
  top: 47px;
  left: 213px;
  width: 801px;
  height: 570px;
  -webkit-box-shadow: 9px 5px 27px 5px rgba(71, 68, 71, 0.57);
  -moz-box-shadow: 9px 5px 27px 5px rgba(71, 68, 71, 0.57);
  box-shadow: 9px 5px 27px 5px rgba(71, 68, 71, 0.57);
}
.privacy-stat {
  background: rgba(254, 254, 254, 0.9);
  position: fixed;
  width: 759px;
  height: 500px;
  overflow: auto;
  top: 75px;
  margin: auto;
  padding: 20px;
  left: 213px;
  border-width: 1px;
  border-style: solid;
  border-bottom-color: #666666;
  border-left-color: #666666;
  border-top-color: #666666;
  border-right-color: #666666;
}
#title-bar {
  background-color: #CCCCCC;
  width: 799px;
  height: 27px;
  position: fixed;
  left: 213px;
  top: 47px;
  border-width: 1px;
  border-style: solid;
  border-bottom: none;
  border-left-color: #666666;
  border-top-color: #666666;
  border-right-color: #666666;
  z-index: 600;
}
#close {
  position: fixed;
  width: 26px;
  height: 26px;
  position: relative;
  left: 769px;
  top: -1px;
}

 <a onClick="myFunction()" href="#" class="button"><span>ADD EMPLOYEE</span></a>
<a onclick="myFunction1()" href="#" class="button"><span>EDIT</span></a>
<div id="myDIV">
  <div id="shadow">
    <div class="privacy-stat">
      <div id="title-bar">
        <div id="close">
          <a href="employee/list"><img src="<?php echo base_url(); ?>assets/img/cancel.svg" height="30" width="30"/></a>
        </div>
      </div>
      <div class="sky-tabs sky-tabs-pos-top-left sky-tabs-response-to-icons">
        <input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1">
        <label for="sky-tab1"><span><span>Contact</span></span>
        </label>
        <input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
       
        <ul>
          <li class="sky-tab-content-1">
            <div class="typography">
              style="word-spacing: 1px;font-size:12px;">
              <fieldset>
                <legend>
                  <p>GENERAL</p>
                </legend>
                <div class="inputwrap">
                  <label>Employee id:</label>
                  <input type="text" id="" name="id" value="<?php echo set_value('id'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label>First name:</label>
                  <input type="text" id="" name="emp_first_name" pattern="[a-zA-Z]+" title="enter a valid name only characters are allowed" value="<?php echo set_value('emp_first_name'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label for="inputError">Last name:</label>
                  <input type="text" id="" name="emp_last_name" pattern="[a-zA-Z]+" title="enter a valid name only characters are allowed" value="<?php echo set_value('emp_last_name'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label for="inputError" class="control-label">Email id</label>
                  <input type="text" id="" name="emp_email_id" pattern="^'w+@[a-zA-Z_]+?'.[a-zA-Z]{2,3}$" title="enter a valid email for example sample@sample.com" value="<?php echo set_value('emp_email_id'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label for="inputError">Emergency contact</label>
                  <input type="text" name="emp_emergency_contact" pattern="[0-9]{10}" title="enter valid contact. it must contain 10 digits" value="<?php echo set_value('emp_emergency_contact'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label>Category:</label>
                  <?php echo form_dropdown( 'category', $options_designation, set_value( 'category'), 'class="span2"'); ?>
                </div>
                </br>
                <div id="designation">
                  <?php if($this->uri->segment(2) == 'designation');?>
                  <a href="<?php echo base_url();?>admin/designation" class="button"><span>Add</span></a>
                </div>
                </br>
                <div class="inputwrap">

                  <label>Date of hire</label>
                  <input type="date" name="emp_date_of_hire" value="<?php echo set_value('emp_date_of_hire'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label>Date of termination</label>
                  <input type="date" name="emp_date_of_termination" value="<?php echo set_value('emp_date_of_termination'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label>Date of rehire</label>
                  <input type="date" name="emp_date_of_rehire" value="<?php echo set_value('emp_date_of_rehire'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label>Referenece number</label>
                  <input type="text" name="emp_reference_num" pattern="[0-9]{10}" title="enter valid contact. it must contain 10 digits" value="<?php echo set_value('emp_reference_num'); ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <label>System name</label>
                  <input type="text" name="system_name" value="<?=$system_name ?>">
                </div>
                </br>
                <div class="inputwrap">
                  <button id="btn" type="submit">NOTES</button>
                  <button id="btn" type="submit">SAVE</button>
                  <button id="btn" type="reset">CANCEL</button>
                </div>
              </fieldset>
              <?php echo form_close(); ?>
              </fieldset>
              </FONT>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--For edit-->
  <div id="myDIV1">
    <div id="shadow">
      <div class="privacy-stat">
        <div id="title-bar">
          <div id="close">
            <a href="employee/list"><img src="<?php echo base_url(); ?>assets/img/cancel.svg" height="30" width="30"/></a>
          </div>
        </div>
        <div class="sky-tabs sky-tabs-pos-top-left sky-tabs-response-to-icons">
          <input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1">
          <label for="sky-tab1"><span><span>Contact</span></span>
          </label>
          <ul>
            <li class="sky-tab-content-1">
              <div class="typography">
<p>This my edit page<p>
          </ul>
          </div>
        </div>
      </div>
      <!--Edit end-->

我正在使用codeigniter。在我的视图页面中，我有两个元素添加和编辑。对于弹出式窗口，我使用了元素。对于单按钮操作，我可以得到结果，但当我有两个按钮时，它不起作用。有人能解决这个问题吗？请帮我编码。我有这个剧本。在这里，我更改div元素的显示属性。此div元素仅在单击按钮时显示。

<script>
function myFunction() {
    document.getElementById("myDIV").style.display = "inline";
}
function myFunction1() {
    document.getElementById("myDIV1").style.display = "inline";
}
</script>

这是我的CSS。在这里，我有每个弹出窗口的myDiv和myDiv1。

#myDIV {

    position: fixed;
    top: 40px;
    left: 7px;
    width: 1212px;
    height: 620px;
    display: none;
    z-index: 600;
}
#myDIV1 {

    position: fixed;
    top: 40px;
    left: 7px;
    width: 1212px;
    height: 620px;
    display: none;
    z-index: 600;
}

我的视图页面。这里我有两个按钮操作添加和编辑。在这里我调用了我的脚本。

<div id="add">
        <a onClick="myFunction()" href="#" class="button"><span>ADD EMPLOYEE</span></a>
        <a onclick="myFunction1()" href="#" class="button"><span>EDIT</span></a>
</div>

这是我的弹出窗口内容。

  <div id="myDIV">
....
    </div>
    <div id="myDIV1">
   .....
    </div> 

当添加另一个按钮操作时，它也会干扰第一个弹出窗口的结果。