JSFiddle - React, Tailwind, and code Playground

https://stackoverflow.com/questions/59570145/trying-to-create-a-sub-menu-for-a-horizontal-menu-inside-a-grid

by Samuel Diez

HTML

<div id="eventCal">
<ul>
<li class="month"></li>
<li class="month cal">Not show because it's before TODAY</li>
<li class="month"></li>
</ul>
<ul>
<li class="month"></li>
<li class="month today">Today</li>
<li class="month">no to sow</li>
</ul>
<ul>
<li class="month"></li>
<li class="month"></li>
<li class="month"></li>
</ul>
<ul>
<li class="month"></li>
<li class="month"></li>
<li class="month"></li>
</ul>
<ul>
<li class="month"></li>
<li class="month"></li>
<li class="month"></li>
</ul>
<ul>
<li class="month cal">To show as it's the first CAL after the TODAY</li>
<li class="month cal">Not show because is not the first CAL</li>
<li class="month"></li>
</ul>
</div>

<p class="result">

</p>

JavaScript

var first_cal = ''
if($('.today').siblings('.cal').length){
	first_cal = $('.today').siblings('.cal').html()
}else{
	first_cal = $('.today').parent().nextAll('ul').find('.cal').html();
}

$('.result').text(first_cal);