Показать сообщение отдельно
  #6 (permalink)  
Старый 31.03.2012, 21:33
Аватар для T-sh
Профессор
Отправить личное сообщение для T-sh Посмотреть профиль Найти все сообщения от T-sh
 
Регистрация: 04.12.2009
Сообщений: 579

Сообщение от yesorno Посмотреть сообщение
Не совсем точно сформулировал задачу. Правильно вот так: есть несколько div-блоков, имеющих класс ".class1", внутри каждого - по блоку с классом ".class2" и css-атрибутом visibility: hidden. Нужно чтобы при наведении курсора на блок с ".class1" становился видимым элемент с классом ".class2" и исчезал при удалении курсора с ".class1"

Решение: (кстати с visibility:nidden работают mouse-ивенты)

$(".class1").mouseover(function(){
    
    $(this).find(".class2").css('visibility','visible');
    ;})
     
$(".class1").mouseout(function(){
    
    $(this).find(".class2").css('visibility','hidden');
    ;})


Можно ли как то оптимизировать этот код, ну в плане скорости выборки...?

$('.class1').hover(
      function () {
        $(this).find('.class2').css('visibility','visible');
      },
      function () {
        $(this).find('.class2').css('visibility','hidden');
      }
    );
__________________
С моих слов записано верно.
Ответить с цитированием