Изучить html, css и javascript.
<style>
.hide_childs * {
visibility: hidden;
}
.show {
visibility: visible;
};
</style>
<script>
function hide(obj) {
document.getElementById("ul").className+= " hide_childs";
obj.className+= " show";
};
</script>
<ul id="ul">
<li onclick="hide(this)">A</li>
<li onclick="hide(this)">B</li>
<li onclick="hide(this)">C</li>
<li onclick="hide(this)">D</li>
</ul>