Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.12.2010, 22:20
Аспирант
Отправить личное сообщение для syegorius Посмотреть профиль Найти все сообщения от syegorius
 
Регистрация: 28.08.2010
Сообщений: 91

Не получается спрятать div.
Доброе время суток. Я далеко не новичек в сайтостроении, но последние часа три пытаюсь спрятать div. Вот кусочек моего кода:

var $desc = $('div.desc');
$('li.description').click(function(){
$desc.addClass('active');
})
$('div.btn').click(function(){
$('div.desc').removeClass('active');
//document.getElementById("desc").className = document.getElementById("desc").className.replace(/\bactive\b/,'')
});

Наверняка все догадались, что в классе active в цсс у меня прописано display: block; Ну а теперь собствено в чем дело - по клику на li.description, div.desc благополучно появляется и ему добавляется класс active, а вот по клику на div.btn класс active нифига не убирается, ну и div.desc не прячется. Причем я пробовал не только классы добавлять. Например:

var $desc = $('div.desc');
$('li.description').click(function(){
$desc.css('display', 'block');
})
$('div.btn').click(function(){
$desc.css('display', 'none');
});

делает все почти также как и предыдущий пример, т. е. дописывает style="display: block", но по клику на div.btn не устанавливает none.
Когда я делаю че-то типа такого:

var $desc = $('div.desc');
$('li.description').click(function(){
$desc.css('display', 'block');
})
$('div.btn').click(function(){
$desc.css('width', 0); или $desc.css('z-index', -99);
});

то все нормально работает. Но если я поставлю $desc.css('width', 100); или $desc.css('z-index', 2); по нажатию на li.description оно опять перестает работать. Пробовал вместо $desc ставить $(document).find('.desc') и кучу еще разных методов - ничего не получается. Функции jquery show, hide тоже не работают как надо (работают соответственно addClass() и removeClass()). У div.desc выставлено position: absolute.

Если кто знает в чем причина подскажите пожалуста. Или может напишите какой-то алтернативный кусочек кода, который будет работать. Потому что даже вот этот не работает:

document.getElementById("desc").className = document.getElementById("desc").className.replace(/\bactive\b/,'')

Всем заранее спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23
Появление блоков div в зависимости от radio Oracool Events/DOM/Window 1 04.12.2009 18:39
Как убрать выделение в Опере у div, получившего фокус ? spa_2002 Opera, Safari и др. 5 03.09.2009 10:42
Не получается загрузить баннер в раздел DIV методами Javascript через iframe ((( autobuh Общие вопросы Javascript 3 24.07.2009 19:24
Границы элемента DIv gosha_kap Общие вопросы Javascript 1 06.07.2009 17:12