Подскажите что не так со скриптом

@EvilDoom · Регистрация: 07.02.2013

Студворк — интернет-сервис помощи студентам

Привет программисты. Имеется такой скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready(function(){var hs = $('ul.hide_fifteen');
    hs.hide();
    $("a.read_more").click(function(){
        hs.fadeTo('slow', 1);
        var text = $("span",this).text();
        $("span",this).text(text != "Показать все 15 причины" ? "Показать все 15 причины" : "Свернуть")
});
});
</script>

При нажатии на

HTML5
1
a.read_more

раскрывается скрытый блок

HTML5
1
ul.hide_fifteen

с эффектом jquery .fadeTo
и вместо кнопки "Показать все 15 причины", меняется текст на "Свернуть"

Но кнопка Свернуть не скрывает блок, с тем самым эффектом jquery .fadeTo

Как это исправить?

@Thisman · 06.09.2014, 15:15

EvilDoom, ну тут просто нет обработчика именно для скрыть. То есть кнопка скрывается лишь в начале, и все. Далее вешается обработчик на появление по клику, а вот про скрыть вообще ничего нет. Как вариант, надо добавить что -нить вида :

JavaScript
1
2
3
4
5
6
7
8
9
$("a.read_more").click(function(){
        var text = $("span",this).text();
        if(text != "Показать все 15 причины") { 
               hs.fadeTo('slow', 0); 
               $("span",this).text("Показать все 15 причины")}
        else { 
               hs.fadeTo('slow', 1); 
               $("span",this).text("Свернуть")}
});

@EvilDoom · 06.09.2014, 16:05 **[ТС]**

Все отлично работает, спс
И еще 1 вопрос, можно что бы скрипт заменял кнопку не на "Свернуть", а допустим на

HTML5
1
<div class="new">Свернуть</div>

что бы я мог дополнительно задать стили для этого слова?

И еще 1 вопрос)
Когда нажимаю на "Свернуть" срабатывает эффект fadeTo('slow', 0) то есть блок остается невидимым, но кроме этого он должен полностью исчезать, что бы надписать "Свернуть" автоматом поднималась под верхний блок. Можно как то сделать что бы после срабатывания исчезания, срабатывало что то типа :

JavaScript
1
2
$('ul.hide_fifteen');
    hs.hide();

@Thisman · 06.09.2014, 16:27

JavaScript
1
2
3
4
5
6
7
8
9
10
$("a.read_more").click(function(){
        var text = $("span",this).text();
        if(text != "Показать все 15 причины") { 
               hs.fadeTo('slow', 0);
               hs.hide();
               $("span",this).text("Показать все 15 причины")}
        else { 
               hs.fadeTo('slow', 1); 
               $("span",this).html('<div class="new">Свернуть</div>')}
});

@EvilDoom · 06.09.2014, 21:54 **[ТС]**

В ходе моей работы появился еще один вопрос по js
Как запретить переход на новую вкладку при отправке данных с формы?
То есть что бы код обработчика выполнялся, но пользователь оставался на той же странице?
http://lux-kadr.ru/test/
ссылка на сайт, нажмите "Заказать звонок" введите данные и увидите о чем я.

@Thisman · 07.09.2014, 02:21

EvilDoom, вы хотите что бы при отправке формы страничка не перезагружалась? Вам смотреть в сторону AJAX

@EvilDoom · 07.09.2014, 19:38 **[ТС]**

Посоветовали добавить:

JavaScript
1
onclick="return false;"

для кнопки отправки.
Работает как и хотел, но не отправляются данные с формы, как заставить отправлять данные?)

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@EvilDoom 0 / 0 / 0 Регистрация: 07.02.2013 Сообщений: 62
	06.09.2014, 21:54 [ТС]
	В ходе моей работы появился еще один вопрос по js Как запретить переход на новую вкладку при отправке данных с формы? То есть что бы код обработчика выполнялся, но пользователь оставался на той же странице? http://lux-kadr.ru/test/ ссылка на сайт, нажмите "Заказать звонок" введите данные и увидите о чем я. 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	07.09.2014, 02:21
	EvilDoom, вы хотите что бы при отправке формы страничка не перезагружалась? Вам смотреть в сторону AJAX 1

Подскажите что не так со скриптом

Решение