how to show a hide an open button in css

Muhammad Haseeb answered on October 25, 2022 Popularity 5/10 Helpfulness 1/10

answer how to show a hide an open button in css

how to show a hide an open button in css

Comment

function toggleClock() {
    // get the clock
    var myClock = document.getElementById('clock');

    // get the current value of the clock's display property
    var displaySetting = myClock.style.display;

    // also get the clock button, so we can change what it says
    var clockButton = document.getElementById('clockButton');

    // now toggle the clock and the button text, depending on current state
    if (displaySetting == 'block') {
      // clock is visible. hide it
      myClock.style.display = 'none';
      // change button text
      clockButton.innerHTML = 'Show clock';
    }
    else {
      // clock is hidden. show it
      myClock.style.display = 'block';
      // change button text
      clockButton.innerHTML = 'Hide clock';
    }
  }

Popularity 5/10 Helpfulness 1/10 Language css

Source: www.washington.edu

Tags: button css hide show

Link to this answer
Share Copy Link

Contributed on Oct 25 2022

Muhammad Haseeb

0 Answers Avg Quality 2/10

how to show a hide an open button in css

Contents

More Related Answers

how to show a hide an open button in css

Grepper

Documentation

Social

Legal

Contact

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