Question

我在使用手风琴时需要帮助。我想仅使用HTML创建一个手风琴。没有jQuery的javascript。我想知道如何使它工作。任何形式的帮助将不胜感激。

在下面的代码中，默认情况下我只希望显示表头，单击复选框时我希望填充下面的行。关于如何仅使用HTML完成此操作的任何指示。

 <table border="1">
       <tr>
         <th><input name="checkbox" type="checkbox" id="selectall"/></th>
         <th>Multiple Rows </th>
         <th>Ratings</th>
       </tr>
       <tr>
         <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td>
         <td>First Check </td>
         <td>1</td>
       </tr>
       <tr>
         <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td>
         <td>Second Check </td>
         <td>2</td>
       </tr>
       <tr>
</table>

非常感谢

Answer 1

以可在触摸屏上使用的方式执行此操作的唯一方法是滥用CSS。你会想要一个“纯粹的CSS手风琴菜单”

实施例

codrops codecanyon designshack

所有这些背后的想法是使用隐藏的输入按钮（无线电或复选框）并根据其状态切换样式。

一般情况下 - 不要这样做。它整洁，但它几乎是一个黑客。

没有js或jQuery的HTML手风琴

1 个答案: