Перейти к содержимому



Как Скрыть И Показать Блоки На Jquery?

#1

Поделиться сообщением #1



Banderas

Banderas
  • Неактивные
  • 1 168 сообщений
  • Репутация: 1
0

Отправлено 10 Декабрь 2011 - 23:43

Написал такой простой код:
var f=0;
$('#hidebutton').click(function() {
	if (а==0) {
	$('#showurl').hide();
	f=1;
	} else {
	$('#showurl').show();		
	f=0;
	}
});
Все отлично работало.. но позже нашел вот такую реализацию:
$('#hidebutton').click(function() {
	if ($('#showurl').is(':visible')) {
	$('#showurl').hide();
	} else {
	$('#showurl').show();		
	}
});
Тоесть, функции hide() и show() создают свою таблицу стилей, в которую вписывают свойства типа как display?

Я ещё хочу, что бы при нажатие на кнопку, которая показывает/прячет элементы, менялась её название, тоесть value.
Как это сделать?

 

 

  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Плавное открытие/скрытие блоков
  2. Скрытие блока при клике вне его области JavaScript
  3. JavaScript скрыть показать блок, при открытии одного, другие скрываются, как?
  4. Получение данных из блока (jquery)
  5. Как отключить один из div блоков, что бы он не загружался в html ?

#2

Поделиться сообщением #2



Banderas

Banderas
    Topic Starter
  • Неактивные
  • 1 168 сообщений
  • Репутация: 1

Отправлено 10 Декабрь 2011 - 23:57

На счет того, как поменять название кнопочек я разобрался, да и с :visivle я как то подружился. Но хотел бы услышать о нем.
Значит название кнопочки менять так $(this).val('NewName');
  • 0


#3

Поделиться сообщением #3



matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 11 Декабрь 2011 - 00:16

Вот один из моих уроков, как реализовать спойлер посредством jQuery - Как сделать FAQ на сайте с использованием PHP-MySQL-jQuery
Также на сайте можно найти еще несколько, которые помогут решить задачу.
  • 0


#4

Поделиться сообщением #4



Евгений

Евгений
  • Неактивные
  • 481 сообщений
  • Репутация: 0

Отправлено 11 Декабрь 2011 - 13:09

slideToggle - 1 функция заменяет сразу show/hide

как-то так будет твой пример
$('#hidebutton').click(function() {
	$('#showurl').slideToggle('slow');
	$(this).attr("value","новое имя");
});

  • 0


Оформление форума – IPBSkins.ru