在具有另一个href属性的元素内时，标签无法工作

Question

I have come across a problem with nesting two anchor tags in HTML. Nesting within anchor tags is not allowed, so I tried to workaround it by changing my first a attribute to div . Funcionality did not change, the link is highlighted and has correct link, however after clicking on the text first href triggers. Is there any way to workaround this kind of problem?

<div href="#collapse'.$x.'" class="list-group-item list-group-item-info" data-toggle="collapse" data-parent="#affix_sidebar">
    <a href="index.php">'.$cat_name.'</a>
    <span class="glyphicon glyphicon-plus floating_glyphicon"></span>
</div>

What a first href does, is that it triggers a accordion like submenu (shown in image). I tried to change the first href attribute not to be in a anchor tag, but I failed. Second anchor tag (the text) should be link for another page. Attaching picture for better explanation.

EDIT:// I have though about linking the first href action to the glyphicon only, leaving a attribute only for the text. My attempts are failing so far, but if anybody would know how to help in this direction I would be thankful.

Answer 1

在此输入链接的描述如果您要创建下拉菜单，可点击的链接，看的源代码：

[Dropdownmenus][1]