Question

I define a tabs using JQuery

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Tab 1</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
  </ul>

  <div id="tabs-1">
    <table>
      <tr><td>demo</td></tr>
    </table>        
  </div>
  <div id="tabs-2">
    <table>
      <tr><td>demo</td></tr>
      <div id="hello">
        <tr><td>Hello World</td></tr>
      </div>
    </table> 
  </div>

I can hide tabs-1 with the simple code

function hideTabs1() {
   $("#tabs-1").hide(); 
}

How can I hide just the words “Hello World”?

Answer 1

The solution for me is a combination of a few people’s answers.
(I am not sure what SO protocol is for this, so I answered my own question, and marked-up all the other answers)

Once I realized that a DIV can not be a child of a TABLE (thank you bfavaretto and Sirko) then I realized I could divide the table into two tables, and give the table I wanted to hide an ID (using Ruben’s and Ryan’s idea for a td) and then just hide this table.

Thank you everybody.