用CSS实现"点击"显示隐藏效果

CSS实现点击下拉,看清楚题目哦，是点击下拉。不是hover下拉。

<style lang="">
    ul>li>ul{
      display: none;
    }
    input[type=checkbox]{
      display: none;
    }
    ul li input[type=checkbox]:checked+ul{
      display: block;
    }
 </style>
 <ul>
    <li>
      <label for="checkbox1" >选择一</label>
      <input type="checkbox" id='checkbox1' checked="true">
      <ul>
        <li>选择一 ---1</li>
        <li>选择一 ---2</li>
        <li>选择一 -