<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebDriverJs Demo Page</title>
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>
  <h1>WebDriverJs Demo Page</h1>
  <details id="joke">
    <summary>When do you start on red and stop on green?</summary>
    <p id="punchline">When you're eating a watermelon!</p>
  </details>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebDriverJs Demo Page</title>
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
</head>
<body>
  <h1>WebDriverJs Demo Page</h1>
  <h2>Default to Closed</h2>
  <details id="joke1">
    <summary>When do you start on red and stop on green?</summary>
    <p id="punchline1">When you're eating a watermelon!</p>
  </details>
  <h2>Default to Open</h2>
  <details id="joke2" open>
    <summary>When do you start on red and stop on green?</summary>
    <p id="punchline2">When you're eating a watermelon!</p>
  </details>
</body>
</html>

Update with open and closed
Update with open and closed
