ایجاد زیر منو با کلیک کردن

سلام. 

شما باید تگ li که input رو داخل اون قرار دادین حذف کنید.

و این کار رو برای استایل هاتون در CSS انجام بدین:(استفاده از display )

.wrapper .wrapper-menu .content li{
    color: #000;
    background-color: #ccccee;
    padding: 10px;  
display: none;
}
.wrapper .wrapper-menu  input:checked ~ .content li{
display: block;
}