JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
        <tr>
                <td width="100%">
                                                        
                        <table width="100%">
                        <tr>
                        <td class="bgcolornews" align="left">
                            <img src="img/3star.png" width="9" height="8"><span class="news"><u>News</u></span>
                        </td>
                        </tr>
                        </table>
                                                        
                        
                        <!--  Вот эта -->                       
        
                        <table class="news_table" width="100%">
                        <tr>
                        <td class="date">21.09.2010</td>
                        </tr>
                                
                        <tr>
                        <td class="textinnews" align="left">
                        <span class="linkinnews"><a href="">CS40 Mobile Computer</a></span><br>
                        Announcing the launch of Intermec CS40
                        </td>
                        </tr>
                                
                        <tr>
                        <td align="right" valign="bottom" width="100%" style="padding-right: 15px;">
                        <a href="">more</a>
                        </td>
                        </tr>
                        </table>
                </td>
        </tr>
</table>

CSS

.news_table {
    display: none;
}
.news{cursor:pointer}

JavaScript

$(".news").click(function(){
    $(".news_table").slideToggle('1000');
});