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


Партнерская программа Expressrxsales

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

#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. Ищу jQuery плагин скрытия/открытия текста по строкам

#2 Banderas

Banderas
    Topic Starter
  • Пользователь
  • 1 168 сообщений
  • Репутация: 1

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

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


#3 matroskin8

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

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

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


#4 Евгений

Евгений
  • Пользователь
  • 481 сообщений
  • Репутация: 0

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

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

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

  • 0


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