<li class="hasSubmenu"><a href="foo.php">Text0</a>
                            <label for="toggle-sub-menu1"  class="toggleSubmenu" aria-label="Subenu">▾</label>
                            <input name="toggle-sub-menu" id="toggle-sub-menu1" type="radio" />

                            <ul class="submenu">
                                <!--li><a href="bar.php">Text1</a></li>
                                <li><a href="foo1.php">Text4</a></li-->
                                <li class="submenuItem"><a href="http://foo.blogspot.com">Text2</a></li>
                                <li class="submenuItem"><a href="http://bar.blogspot.hu/">Text3</a></li>
                                <li class="submenuItem"><a href="https://www.facebook.com/foo">Facebook oldal</a></li>
                                <li class="submenuItem"><a href="https://www.facebook.com/bar/">Angol nyelvű Facebook oldal</a></li>
                            </ul>
                            <!--/section-->
                        </li>
                        <li class="hasSubmenu"><a href="bar1.php">Teszt 1</a>
                            <label for="toggle-sub-menu2"  class="toggleSubmenu" aria-label="Subenu">▾</label>
                            <input name="toggle-sub-menu" id="toggle-sub-menu2" type="radio" />

                            <ul class="submenu">

                                <li class="submenuItem"><a href="http://foo.blogspot.com">Text2</a></li>
                                <li class="submenuItem"><a href="http://bar.blogspot.hu/">Text3</a></li>
                                <li class="submenuItem"><a href="https://www.facebook.com/foo">Facebook oldal</a></li>
                                <li class="submenuItem"><a href="https://www.facebook.com/bar/">Angol nyelvű Facebook oldal</a></li>
                            </ul>

                        </li>
                        <li class="hasSubmenu"><a href="foo2.php">Teszt 6</a>
                            <label for="toggle-sub-menu3"  class="toggleSubmenu" aria-label="Subenu">▾</label>
                            <input name="toggle-sub-menu" id="toggle-sub-menu3" type="radio" />

                            <ul class="submenu">

                                <li class="submenuItem"><a href="http://foo.blogspot.com">Text2</a></li>
                                <li class="submenuItem"><a href="http://bar.blogspot.hu/">Text3</a></li>
                                <li class="submenuItem"><a href="https://www.facebook.com/foo">Facebook oldal</a></li>
                                <li class="submenuItem"><a href="https://www.facebook.com/bar/">Angol nyelvű Facebook oldal</a></li>
                            </ul>

                        </li>


window.onload = assignEventListenerToSubmenuRadioButtons;


function assignEventListenerToSubmenuRadioButtons(e) {
    var radios = document.getElementsByName('toggle-sub-menu');
    for(var i = 0; i < radios.length; i++) {
        radios[i].addEventListener('click', function (e) {
            e = e || window.event;
            var target = e.target || e.srcElement;
            if (target.checked) {
                target.checked = false;
            } else {
                target.checked = true;
            }

              return false;
        })
    }
}