Question

我不打算使用jquery / javascript。仅限Html / css / php！
我想要一个下拉菜单在点击时下拉，并在点击其他地方时消失。
我如何用css中的:target做到这一点？/有可能吗？
我如何用onclick - 属性做到这一点？/有可能吗？
什么是不同的方法，不使用jquery？
示例代码：https://jsfiddle.net/kf42qc2h/

Answer 1

通过使用onclick功能，您可以这样做。但在内部onclick我们写的内联javascript如内联css

像这样....

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<style>
    li ul{display:none;}
</style>

<ul class="parent">
    <li onclick="$('.child').hide();$(this).find('.child').show();">
        <a href="#">Home</a>
        <ul class="child">
            <li>Home1</li>
            <li>Home2</li>
            <li>Home3</li>
        </ul>
    </li>
    <li  onclick="$('.child').hide();$(this).find('.child').show();">
        <a href="#">About</a>
        <ul class="child">
            <li>About1</li>
            <li>About2</li>
            <li>About3</li>
        </ul>
    </li>
</ul>

单击时丢弃的下拉菜单

1 个答案: