我正在尝试使用其中一种“复选框黑客”,当用户单击切换复选框的标签时,手风琴会打开或关闭。

问题是我正在处理的网页不使用标签,而是使用 h4 元素。所以用户会点击 h4 元素来打开/关闭手风琴。据我所知,直接进行这项工作是不可能的。或者是吗?我想也许我可以在这个 h4 元素上覆盖一个空标签,这样用户就会点击标签。那可能吗?还是制作 javascript 手风琴是这里唯一的选择?<,html,css"/>

首页 > 解决方案 > 可以叠加

?

我正在尝试使用其中一种“复选框黑客”,当用户单击切换复选框的标签时,手风琴会打开或关闭。

问题是我正在处理的网页不使用标签,而是使用 h4 元素。所以用户会点击 h4 元素来打开/关闭手风琴。据我所知,直接进行这项工作是不可能的。或者是吗?我想也许我可以在这个 h4 元素上覆盖一个空标签,这样用户就会点击标签。那可能吗?还是制作 javascript 手风琴是这里唯一的选择?<

问题描述

我正在尝试使用其中一种“复选框黑客”,当用户单击切换复选框的标签时,手风琴会打开或关闭。

问题是我正在处理的网页不使用标签,而是使用 h4 元素。所以用户会点击 h4 元素来打开/关闭手风琴。据我所知,直接进行这项工作是不可能的。或者是吗?我想也许我可以在这个 h4 元素上覆盖一个空标签,这样用户就会点击标签。那可能吗?还是制作 javascript 手风琴是这里唯一的选择?


这是一个建议如何做到这一点:

 <body>  
        <!-- Add cursor : pointer to show the user he can click -->
        <h1 onClick="myFunc()" style="cursor: pointer;">test</h1>

        <script>
            // Do something here
            function myFunc(){
                console.log("title clicked")
            }
        </script>
    </body>

标签: htmlcss

解决方案


这是一个建议如何做到这一点:

 <body>  
        <!-- Add cursor : pointer to show the user he can click -->
        <h1 onClick="myFunc()" style="cursor: pointer;">test</h1>

        <script>
            // Do something here
            function myFunc(){
                console.log("title clicked")
            }
        </script>
    </body>

推荐阅读