用css wordpress隐藏和显示特定的div

Question

我试图隐藏两个特定的div并在点击时显示它们。

Divs hidden Divs shown

我到目前为止的守则：

.testit#detail-513{
display:none;
}
.testit#detail-515{
display:none;
}

<tr id="detail-<?php the_id();?>" class="testit">

<button class="testit">Show the two hidden id´s</button>

我需要添加哪些按钮？

Answer 1

如果您正在寻找切换选项，这里有一个简单易用的切换选项，可以轻松自定义：

＆＃13;

＆＃13;

function myFunction() {
    var x = document.getElementById("toggle");
    if (x.style.display === "block") {
        x.style.display = "none";
    } else {
        x.style.display = "block";
    }
}

＆＃13;

#toggle {
    display:none;
}

＆＃13;

<div id="toggle">
  <tr id="detail-<?php the_id();?>">
    <p>Test</p>
  </tr>
</div>

<span onclick="myFunction()" tabindex="0">Toggle</span>

＆＃13;

＆＃13;

＆＃13;