Using tab navigation

Hi everybody! I have code navigation like this:

<div class="grid4 header-menu">

<ul id="Tabs__Thumb">
<li class="Tabs__Thumb_Item" data-thumb-item="#tab1">Menu-Name1</li>
<li class="Tabs__Thumb_Item" data-thumb-item="#tab2">Menu-Name2</li>

</ul>
</div>

<div class="grid4 header-about posr">
<div id="tab1" class="HeaderAbout__Item Tabs_Show_Item Tabs_Show_First">
<p>Title</p>
<p>This is content of tab 1</p>
</div>
<div id="tab2" class="HeaderAbout__Item Tabs_Show_Item Tabs_Show_Item">
<p>Title</p>
<p>This is content of tab 2</p>
</div>
</div>

I using wp_nav_menu in wordpress like this:
<?php wp_nav_menu( array('theme_location' => 'menu_site', 'container' => 'div', 'container_class' => 'grid4 header-menu') ); ?>

How to hover Menu-Name will display corresponding content tab! Thanks all!