Hi in my application there is a menu.
following is the menu
<div id='jqxMenu'> <ul> <li>About Us <ul> <li><a href="#">History</a></li> <li><a href="#">Our Vision</a></li> </ul> </li> <li id="account" >Accounts <ul> <li ><a id="cpv">CashPaymentVoucher</a></li> <li ><a id="cv" >CashReceiptVoucher</a></li> </ul> </li> </ul> </div>
I want to display the menu items as per some condition
If permission=0 menu should be hide
if it is 1 menu should display no menu items
in this case only about us and accounts should display.no need to display child elements
if it is 2 menu and its child elements should display and child elements should be deactivated.
if it is 3 menu and child elements should display and child elements should be activated.
how it is possible using jquery.
Regards