enable and disable items in menu in jquery

enable and disable items in menu in jquery

Hi in my application there is a menu.

following is the menu

  1. <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

Baiju