Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Удаление и восстановления блока (https://javascript.ru/forum/dom-window/28044-udalenie-i-vosstanovleniya-bloka.html)

R2D2222 05.05.2012 13:22

Удаление и восстановления блока
 
Наткнулся на такую проблему.

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

HTML разметка и PHP вставка дял вывода текста с БД такая:

<div id="column-hide">Скрыть</div>
<div id="column-left">

  <?php echo $module; ?>
 
</div>


и код на jQuery который я пытался написать для реализации своей задачи:

$(document).ready(function() {
$('#column-hide').toggle(function(){
	var column = $('#column-left').detach();
   
	$(this).text('Раскрыть');
}, function(){
	 column.appendTo('#column-left');
	$(this).text('Скрыть');
});
});


При клике блок #column-left удаляется но при повторном клике на текст тот блок не появляется.

В чем проблема? Как реализовать что бы все работало?

ams 05.05.2012 23:13

Попробуй заместо detach(); сделать css('display','none');

Раед 05.05.2012 23:39

Цитата:

Сообщение от ams
Попробуй заместо detach(); сделать css('display','none');

В jQ есть метод toggle. Если элемент видимый, то она его прячет, иначе - показывает. Здесь самое то.


Часовой пояс GMT +3, время: 04:55.