JSFiddle - React, Tailwind, and code Playground

by gabs00

HTML

<ul id="menu-menu-principale" class="ddsmoothmenu">
    <li id="menu-item-38" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-38">
        <a href="http://www.beausoleilavocats.com/">Accueil</a>
    </li>
    <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-37"><a href="http://www.beausoleilavocats.com/expertise/">Expertise</a>
    </li>
    <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36">
        <a href="http://www.beausoleilavocats.com/equipe/">Équipe</a>
    </li>
    <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35">
        <a href="#">Contacts</a></li>
</ul>

CSS

/*do not include these two below*/
ul {
    list-style: none;
}
li {
    float:left;
    margin: 10px;
}
/*do not include above*/
#dropdown {    
    border: 1px solid black; background-color: #CCCCCC; display: block;padding: 5px; width: 150px;
}

JavaScript

//name this something like div.js and include using your php include method you //mentioned before //http://www.beausoleilavocats.com/contacts/
var links = {};
var list_items = $('#menu-menu-principale').children();
$(list_items).each(function(index, value){
   var id = value.id
   var link = $(value).find('a');
   links[id] = link;
})
console.log(links)