How to make a collapsible menu header link to a page in panel?

How to make a collapsible menu header link to a page in panel?

Menu header is not going to link given in header portion.
<div data-role="collapsible" data-iconpos="right" data-inset="false" data-ajax="false">
                            <h2 style="margin-top: -12px; margin-bottom: -12.5px;">
                                <a href="cloud-erp.html" style="text-decoration: none;">Cloud ERP</a></h2>
                            <ul data-role="listview" id="submenu">
                                <li style="margin-top: 12px;"><a href="cloud-crm.html" data-transition="flip" data-ajax="false">Cloud CRM</a></li>
                                <li><a href="human-capital-management.html" data-transition="flip" data-ajax="false">Human Capital Management</a></li>
                                <li><a href="project-management.html" data-transition="flip" data-ajax="false">Project Management</a></li>
                                <li><a href="inventory-management.html" data-transition="flip" data-ajax="false">Inventory Management</a></li>
                                <li><a href="knowledge-management.html" data-transition="flip" data-ajax="false">Knowledge Management</a></li>
                                <li style="margin-bottom: -20px;"><a href="intranet.html" data-transition="flip" data-ajax="false">Intranet</a></li>
                            </ul>
                        </div>

Cloud ERP page is not going to cloud-erp.html?
Please help!
Thanks.

Tamanna