2012-05-13 3 views
-2

Можно создать дубликат:
javascript hide/show element
How to hide or show div on click in HTMLСоздайте кнопку, которая будет скрывать другой элемент при нажатии

У меня есть blog. На правой боковой панели есть несколько гаджетов, но я хочу создать кнопку, которая скроет конкретный элемент гаджета или div, мне просто нужна идея, я буду стилизовать элементы div и класс самостоятельно.

+5

Вы пробовали что-нибудь или просто просили ответа? Или вы пытались найти ответ? – LeeR

+1

с помощью javascript вы можете document.getElementById ("div-id"). Style.display = "none", чтобы скрыть. – Hoque

+1

Добро пожаловать в SO, пожалуйста, используйте google или поле поиска в правом верхнем углу перед запросом, что позволит сэкономить много downvotes и snarky комментариев: [show hide div click] (http://stackoverflow.com/search?q= show + hide + div + click & submit = search) – mplungjan

ответ

0

Вот простой пример http://jsfiddle.net/qRwDr/

просто объясните мне подробно, как вы хотите работать, я помогу вам.

+1

Yup! Я хочу чтобы !! Большое вам спасибо за помощь. –

0
<div onclick="document.getElementById('tohide').style.visibility = 'hidden';"> 
+1

или display = 'none', если вы хотите свернуть div – mplungjan

-1

Вы можете использовать JQuery для достижения ур требования,

$('button').on('click', function(){ 
    // perform something for eg : 
    $('div').hide(); 
}); 

Вы можете посетить www.jquery.com для более подробной информации.

+1

Или нет. Слишком просто использовать jQuery, если он еще не используется в другом месте, и «live» устарел. Теперь он «включен», и вы забыли цитаты – mplungjan

+0

PS: На статических страницах это .click (...) и не .live или .on, что подходит – mplungjan

+0

Забытые цитаты? Цитаты для чего? То, что у него будет, будет хорошо работать ... За исключением изменения 'live' на' on'. Кроме того, это не всегда правильно. '.click' в любом случае переводится в' .on'. Вам нужно немного больше кода, чтобы '.on' работал на динамической странице. – LeeR

Смежные вопросы