У меня есть таблица. В ней есть 1 строка 2 столбца. При наведении на какой либо столбец у меня его фон перекрашивается в другой цвет. Как мне сделать так, что бы при наведении на любой столбец фон столбца менялся и у 1 и 2 столбца?

О все проблему решил

Решил новую тему не создавать, а написать здесь, что ты она просто так не пропадала У меня есть два дива. Один показан, другой нет(ширина-0px, display-none). По клику на див, который виден, display второго дива становиться block и постепенно меняется его ширина($('.block2').animate({"width":"300px"}, 500)). И показывается полностью второй див и его содержимое(таблица). Если еще раз кликнуть по первому диву, то ширина второго плавна будет уменьшаться как и увеличивался по первому клику, а когда width=0px, то display становиться none. Так вот. Див то убрался, а его содержимое - нет. То есть див постепенно исчез, а таблица которая в нем осталась видимая. Мне нужно что бы вместе с дивом ушло и его содержимое

Когда задаешь вопросы такого типа, то показывай код. В т.ч. и HTML. Иначе тебе никто ничего реального не ответит.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

<div class="messages" id="messages">
   <div class="close_messagesbox" onclick="messagesHide()"></div> 
    <div class="usersOnline_block">
       <table class="usersOnlinelist">
         <tr>
            <td class="avatarUserOnline"><img src="/images/users_photos/my.jpg" width="50" height="50"></td>
            <td class="nameUserOnline" valign="top">Николай Божко</td>
         </tr> 
       </table>
    </div>
</div>

js

function messagesShow() 
{
    $('.messages').css("display", "block");
    $('.messages').animate({"width":"300px"}, 350);
}

function messagesHide()
{
    $('.messages').animate({"width":"0px"}, 350);
    $('.messages').css("display", "block");
}

css

.messages {
    background-color: rgb(177, 176, 176);
    z-index: 100;
    left: 0px;
    width: 0px;
    position: fixed;
    top: 0px;
    display: none;
}

.messages_showhide {
    width: 10px;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 110;
    background-image: url(../img/white_bg.png);
    opacity: 0.3;
}

.close_messagesbox {
   width: 15px;
    height: 15px;
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer;
}

.usersOnline_block 
{
   width: 100%;
   margin-top: 40px;
   position: relative;
}

.usersOnlinelist 
{
  width: 100%;
  height: 100%;
  position: relative;
}

.usersOnlinelist .avatarUserOnline img
{
   width: 50px;
   height: 50px;
}

.usersOnlinelist .avatarUserOnline
{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 60px;
}

.usersOnlinelist .nameUserOnline 
{
   padding-top: 10px;
   font-size: 16px;
   color: rgb(99, 99, 97);
   font-weight: bold;
}

.usersOnlinelist tr:hover
{
  cursor: pointer;
  background-color: rgb(148, 148, 148);
  text-align: left;
}