JSFiddle - React, Tailwind, and code Playground

by Francklin Costa

HTML

echo "<ul>
			<li><a href='#' class='muda1'>conteudo 1 </a></li>
			<li><a href='#' class='muda2'>conteudo 2 </a></li>
			<li><a href='#' class='muda3'>conteudo 3 </a></li>
		</ul>
			<table>
		";
		$i = 1;
	while ($row = mysql_fetch_row($result)) {
	echo "
				<tr class='cont".$i."'>
							Conteudo 1 Conteudo 1 Conteudo 1 
							Conteudo 1 Conteudo 1 Conteudo 1 
							Conteudo 1 Conteudo 1 Conteudo 1
							Conteudo 1 Conteudo 1 Conteudo 1 

			</tr>

		";
		$i++;

	}
	echo"</table>";

JavaScript

$(document).ready(function(){
	alert("funfo");
	$(".muda1").click(function(){
			$(".cont2").hide();
			$(".cont3").hide();
			$(".cont1").delay("slow").show();
	});
	$(".muda2").click(function(){
			$(".cont2").hide();
			$(".cont1").hide();
			$(".cont2").delay("slow").show();
	});
	$(".muda3").click(function(){
			$(".cont1").hide();
			$(".cont3").hide();
			$(".cont3").delay("slow").show();
	});

});