Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
151 / 139 / 18
Регистрация: 18.02.2010
Сообщений: 1,544
1

Toggle animate

28.04.2017, 16:50. Просмотров 532. Ответов 2
Метки нет (Все метки)

Подскажите, как нынче работает функция toggle? С новой библиотекой jquerry вместо того, что бы к примеру панель поиска плавно открывалась в сторону и при повторном сворачивалась обратно, всё куда то сворачивается при таком коде:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('.sb_lenc').toggle(
   function()
   {
      $('.search_block').animate({
      width: "250"
}, 500);
   },
   function()
   {
      $('.search_block').animate({
      width: "0"
      }, 500);
   });

А нужно что бы это работало точно так же как при клике, только в обе стороны:

Javascript
1
2
3
$(".sb_lenc").click(function(){
    $(".search_block").animate({width: '250px'});
});
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
28.04.2017, 16:50
Ответы с готовыми решениями:

Закончил ли свою работу animate, toggle
Вот к примеру есть код спойлера: var Spoiler = { showClass: 'plus', hideClass: 'minus', ...

Toggle
jQuery JavaScript Library v1.5 в этой библиотеке Такой код например...

Toggle()
Исчезает сама надпись "Свернуть форму" что не так? <div id="closeForm">Свернуть форму</div>...

toggle()
Здраствуйте, как применить к toggle() при "block" эфект fadeOut(), а при "none" 'эфект fadeIn() и...

2
762 / 690 / 426
Регистрация: 13.07.2015
Сообщений: 2,148
28.04.2017, 16:52 2
попробуй stop() перед animate()
0
1047 / 754 / 423
Регистрация: 23.08.2015
Сообщений: 2,009
29.04.2017, 22:53 3
К примеру так
Javascript
1
2
3
4
5
6
7
8
9
10
$(".sb_lenc").click(function(){
    var $searchBlock = $(".search_block");
    $searchBlock.toggleClass("open");
  if($searchBlock.hasClass("open")) {
    $searchBlock.stop().animate({width: '250px'});
  } else {
    $searchBlock.stop().animate({width: '0px'});
  }
   
});
А вообще я бы переложил анимацию на css;

CSS
1
2
3
4
5
6
7
8
.search_block {
  overflow:hidden;
  width: 0px;
  transition: width .5s;
}
.search_block.open {
  width: 250px;
}
Javascript
1
2
3
$(".sb_lenc").click(function(){
    $(".search_block").toggleClass("open");
});
https://jsfiddle.net/bnqaxpLd/1/
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
29.04.2017, 22:53

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Toggle()
$(document).ready(function(){ $('#post').click(function(){ $("#textpost").toggle(250);...

.animate();
Доброго времени суток! Никак не могу разобраться с этим эффектом. По существу: есть блок...

animate()
что у меня неправильного?<html> <head> <title> jquery </title> <script...

функция toggle
Здравствуйте, подскажите пожалуйста почему не изменяется имя класса у тега i? <li...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.