Cворачивание и разворачивание блока при наведении мыши. jQuery

[AGENT131313]

Всем добрый день. В какой раз обращаюсь к вам за помошью. Подскажите, как сделать разворачивание блока при наведении курсора на картинки, и сворачивание естественно когда убираешь.

П.с. если есть готовое у когото выложите, так как я в jQuery не очень.

 

[krdma]

тут все просто, вешаем 2 обработчика .mouseover() - при наведении мыши, .mouseout() при уходе мыши, и по этим событиям запускаешь функции сворачивания-разворачивания .slideUp('slow') slideDown('slow'), как пример

$(document).ready(function(){$("div.town").mouseover(function() {
 
 
 
 
 
    $('div.tmp').slideDown('slow');
 
 
 
  }).mouseout(function(){
 
 
 
    $('div.tmp').slideUp('slow');
 
 
 
  });

 

[AGENT131313]

тут все просто, вешаем 2 обработчика .mouseover() - при наведении мыши, .mouseout() при уходе мыши, и по этим событиям запускаешь функции сворачивания-разворачивания .slideUp('slow') slideDown('slow'), как пример

$(document).ready(function(){$("div.town").mouseover(function() {
 
 
 
 
 
    $('div.tmp').slideDown('slow');
 
 
 
  }).mouseout(function(){
 
 
 
    $('div.tmp').slideUp('slow');
 
 
 
  });

слушай а мож наброску кинуть как ее прикрепить то.
<div id="town">тут картинка на какую наводить</div>
<div id="tmp">тут то что будет всплівать? блок?</div>
Так будет??

 

[krdma]

Для просмотра ссылки Войди или Зарегистрируйся
при наведении на кружочек всплывает ярлык, за всплытие и изменение цвета отвечает следующий код:

$(document).ready(function(){$("div.town").mouseover(function() { $(this).find("div.popup").show();$(this).find("img").attr("src","/image/markr.png"); }).mouseout(function(){ $(this).find("div.popup").hide(); $(this).find("img").attr("src","/image/mark.png"); }); });

div.town то на что наводим
div.popup то что всплываео
$(this).find("img").attr("src","/image/mark.png") это не обращай внимания это изменение цвета самой точки

 

[AGENT131313]

Для просмотра ссылки Войди или Зарегистрируйся
при наведении на кружочек всплывает ярлык, за всплытие и изменение цвета отвечает следующий код:

$(document).ready(function(){$("div.town").mouseover(function() { $(this).find("div.popup").show();$(this).find("img").attr("src","/image/markr.png"); }).mouseout(function(){ $(this).find("div.popup").hide(); $(this).find("img").attr("src","/image/mark.png"); }); });

div.town то на что наводим
div.popup то что всплываео
$(this).find("img").attr("src","/image/mark.png") это не обращай внимания это изменение цвета самой точки

Выдает ошибку
Parse error: syntax error, unexpected '(', expecting T_VARIABLE or '$' in C:\AppServ\www\index.php on line 2

 

[krdma]

не забудь обрамить это в <script></script> и выводить вне <?php ?>, или же <?php echo '<script>some script</script>';?>

 

[AGENT131313]

не забудь обрамить это в <script></script> и выводить вне <?php ?>, или же <?php echo '<script>some script</script>';?>

Нифига. Изначально пробовал с <script></script>. щас для верняка попробовал <?php echo '<script>some script</script>';?> всеравно непашет. Другого нет варианта?

 

[krdma]

покажи рабочий пример на чем делаешь, я конечно экстрасенс, то так будет быстрее
или хотя бы код.

 

[AGENT131313]

та нету у меня рабочего кода этого.Поэтому и попросил помошь здесь. У меня страница есть, на ней 2 столбика. страница на table tr td. Вот нужно чтоб в одном из столбцов были 2-3 картинки. при нажедении на них, выежает снизу блок с определенным кодом.

 

[krdma]

бросай то что есть, просто нужно видеть какой код и какая ошибка. тогда смогу чем помочь.