Breaking News: Grepper is joining You.com. Read the official announcement!

when click one btn show dropdown and after click antoher button hide previous dropdown

Thankful Tapir answered on January 16, 2024 Popularity 1/10 Helpfulness 1/10

answer when click one btn show dropdown and after click antoher button hide previous dropdown

when click one btn show dropdown and after click antoher button hide previous dropdown

Comment

<body>
  <ul>
    <li class="File">
      <a href="javascript:void(0)" class="dropbtn" onclick="myFunction(myDropdown)">File</a>
      <div class="dropdown-content" id="myDropdown">
        <a href="#">Open</a>
        <a href="#">Save</a>
        <a href="#">Save As</a>
        <a href="#">Close</a>
      </div>
    </li>
    <li class="Edit">
      <a href="javascript:void(0)" class="dropbtn" onclick="myFunction(myDropdown2)">Edit</a>
      <div class="dropdown-content" id="myDropdown2">
        <a href="#">Undo</a>
        <a href="#">Redo</a>
        <a href="#">Cut</a>
        <a href="#">Copy</a>
        <a href="#">Paste</a>
      </div>
    </li>
  </ul>
  <div id="TITLE" style="font-family: verdana; font-size: 36px; margin-left: 1200px; margin-top: -45px; color: white;">
    PANTS
  </div>
  <!-- THE FUNCTION FOR CLICK -->

  <script>
    var drptochoose;

    function hideDropdowns(excludeId) {
      var dropdowns = document.getElementsByClassName("dropdown-content");
      for (var d = 0; d < dropdowns.length; d++) {
        var openDropdown = dropdowns[d];
        if (openDropdown.classList.contains('show') && excludeId !== openDropdown.id) {
          openDropdown.classList.remove('show');
        }
      }
    }

    function myFunction(id) {
      id.classList.toggle("show");
      hideDropdowns(id.id);
    }

    window.onclick = function(e) {
      if (!e.target.matches('.dropbtn')) {
        hideDropdowns();
      }
    }
  </script>

  <!-- END OF FUNCTION FOR CLICK -->
</body>

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: button click dropdown hide show whatever when

Link to this answer
Share Copy Link

Contributed on Jan 16 2024

Thankful Tapir

0 Answers Avg Quality 2/10

when click one btn show dropdown and after click antoher button hide previous dropdown

Contents

More Related Answers

when click one btn show dropdown and after click antoher button hide previous dropdown

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.