JSFiddle - React, Tailwind, and code Playground

by oceog

HTML

<center class='errorMess'>#999 Pokemon</center>
<table class="PockemonContainer">
    <tr>
        <td> <span id='pokeTitle'><img src='/style/pok/norm/.jpg' width='250' height='190' border='1'/></span>

            <table
            border="0" cellspacing="0" width="252" height="10">
                <tr>
                    <td style='padding:0'>
                        <div style='width:2%;background:green;height:15px;font-size:9pt;color:black;'>0</div>
                    </td>
                </tr>
                <tr>
                    <td style='padding:0'>
                        <div style='width:2%;background:blue;height:6px;font-size:0pt;'>0</div>
                    </td>
                </tr>
</table>
<div class='itemUse'> <a href='0' id='dropItemFromPok'><img src=/style/items/.gif width=32 height=32 alt='' title='' border='0'/></a>

</div>
</td>
<td>
    <div class="menu" style='text-align:center; font:11px Tahoma; color: #1D4141;'> <a href='#' class='clickinfo' data-target='Info'>инфо</a> - <a href='#'
        class='clickinfo' data-target='Stats'>статы</a> - <a href='#' class='clickinfo'
        data-target='Attacks'>атаки</a>

    </div>
    <div style='height:200;' class='info'>
        <div class='Info'>
            <center><b>Информация</b>

            </center>
            <img src='/style/another/0.gif' width='7' height='13' border='0' /><b></b>

            <BR> <b>Тип:</b> 
            <BR> <b>Характер:</b> 
            <BR>
            <p><a href='2' id='makeStart'>Сделать стартовым</a>

            </p>
        </div>
        <div class='Stats'>
            <center><b>Статы</b>

            </center>
            <table>
                <tr>
                    <td>
                        <td><i>Стат</i>

                        </td>
                        <td><i>Ген</i>

                        </td>
                        <td><i>EV</i>

                        </td>
                </tr>
                <tr>
                   ...

JavaScript

$('.info div').hide();
$('.info .Stats').show();
$('body').on('click', '.PockemonContainer .menu > a', function () {
    var $this = $(this);
    var target = $this.data('target');
    var show = $this.parents('.PockemonContainer').find('.info .' + target);
    $this.parents('.PockemonContainer').find('.info').children(':visible').not(show).fadeOut(100);
    show.fadeIn(100);
    return false;
});