Create the table in html with any data and hide only odd rows using jQuery.
<!-- * @Name : JS_Assignment2.HTML * @Purpose : JavaScript Assignment 21. * @Description : To display the table with any data and hide only odd rows using jQuery. * @date : 15 09 2022 * @OtherRelateFiles : JS_Assignment2.HTML --> <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("#Hide").click(function(){ $("tr:odd").toggle(900); }); }); </script> </head> <body> <center><h1>Team Member's and there Expertise</h1></center> <center><table border="2"> <tr> <th height="20" width="300" bgcolor="Orange">Rank</th> <th height="20" width="300" bgcolor="Orange">Name</th> <th height="20" width="300" bgcolor="Orange">Expertise</th> </tr> <tr> <td align="Center" bgcolor="DodgerBlue">1</td> <td align="Center" bgcolor="DodgerBlue">Amit Lulla</td> <td align="Center" bgcolor="DodgerBlue">CyberSecurity</td> </tr> <tr> <td align="Center">2</td> <td align="Center">Thomas Shelby</td> <td align="Center">Strategic Planner</td> </tr> <tr> <td align="Center" bgcolor="Tomato">3</td> <td align="Center" bgcolor="Tomato">Auther Shelby</td> <td align="Center" bgcolor="Tomato">Security</td> </tr> <tr> <td align="Center" bgcolor="MediumSeaGreen">4</td> <td align="Center" bgcolor="MediumSeaGreen">Walter O'Brian</td> <td align="Center" bgcolor="MediumSeaGreen">Quick Response Team Leader</td> </tr> <tr> <td align="Center" bgcolor="SlateBlue">5</td> <td align="Center" bgcolor="SlateBlue">Ragnar Lothbrok</td> <td align="Center" bgcolor="SlateBlue">Army Comander</td> </tr> </table></center> <center bgcolor="LightGray"><button id="Hide">Hide/Preview</button></center> </body> </html>
