Blogger.com-on hogy kell ezt megoldani?

<style>

.ShowHideList li {

    list-style: circle outside none;

}

ul.ShowHideList {

    margin: 5px 0;

    padding-left: 25px;

}

.ShowHideCheckBox {

    display: none;

}

.ShowHideCheckBox:checked ~ .ShowHideList {

    display: none;

}

.ShowHideLabel {

    border: 1px solid #DDDDDD;

    cursor: pointer;

    padding: 0.15em 0.5em;

}

</style>

<div>

  <input type="checkbox" id="checkbox1" class="ShowHideCheckBox" checked="checked" />

  <label class="ShowHideLabel" for="checkbox1">My list</label>

  <ul class="ShowHideList">

    <li><a href="1.html">egy</a></li>

    <li><a href="2.html">ketto</a></li>

    <li><a href="3.html">harom</a></li>

  </ul>

</div>