<script type="text/javascript"> $(".arrow").click(function(){ var visota, needvisota; needvisota = '198px'; visota = $('#mini_profile').css('height'); if (visota == needVisota) { $('#mini_profile').css('height','70px'); $('#arrow').css('background','url("images/arrow.png") 0px 9px;'); } else { $('#mini_profile').css('height','198px'); $('#arrow').css('background','url("images/arrow.png") 0px 18px;'); } )}; </script> вот код JS, но нивкакую не хочет работать! на onclick в объекте рабоатет, но если писать по-драугому. в хедере прописал - <script src="http://code.jquery.com/jquery-latest.js"></script> если знаете, помогите!!! а вот кусок html с этими объектами: <div id="mini_profile"> <div class="profile_main_bg"> <table style="margin:15px 8px 8px 15px;" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="2"><div class="ava"><img src="images/ava.png"></div></td> <td valign="bottom"><div class="nick">Sn0wBreeze</div></td> <td width="100%" rowspan="2"><div class="arrow"></div></td> </tr> <tr> <td valign="top"><div class="group">Администратор</div></td> </tr> </table> </div> <div class="profile_nav"> <ul> <li><a>Моя страница</a></li> <li><a>Изменить данные</a></li> <li><a>Добавить пост</a></li> <li><a>Выход</a></li> </ul> </div> </div>