Looking to showcase only 6 out of the over 6 list elements within a <ul>, but in a random and staggered manner.
Consider the following initial structure:
<ul>
<li>1<li>
<li>2<li>
<li>3<li>
<li>4<li>
<li>5<li>
<li>6<li>
<li>7<li>
<li>8<li>
<li>9<li>
</ul>
Using jQuery, is it feasible to hide/show elements to achieve a randomized outcome like below?
<ul>
<li style="display:none">1<li>
<li>2<li>
<li style="display:none">3<li>
<li>4<li>
<li>5<li>
<li>6<li>
<li>7<li>
<li style="display:none">8<li>
<li>9<li>
</ul>