Смена картинки в img по клику

@Возмездие · Регистрация: 30.01.2016

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

HTML5
1
2
3
<div class="">
<img src=путь к картинке</img>
</div>

нужно сделать для такой разметки slidetoogle правильный, т.е чтобы у src менялась по клику стрелочка, и происходило выезжание информации

@Возмездие · 29.02.2016, 00:47 **[ТС]**

Сообщение от AmateR62

На самом деле трудно что то показать потому что вы приводите JS код который у вас работает с привязкой на класс info_button ( т.е. клик по кнопке ? ), а разметку даете на дивах и ни каких кнопок. У вас полный разброд между html и js. Такое ощущение что вы либо сами не понимаете что вам надо сделать, либо просто хотите чтобы все сделали за вас полностью, либо играете в партизана, а код ваш стоит пару миллионов. Приведите в конце концов полностью ваш html код ( хотя бы кусок с текстом, кнопкой, стрелкой и т.п.) и JS код который есть сейчас. Ваша задача решается МАКСИМУМ за 2 минуты, а не день гаданий...

HTML5
1
2
3
<div class="arrow_wrap">
<div class="icon arrow">tittle="свернуть" </div>
</div>

JavaScript
1
2
3
4
5
6
$(function(){
    $(".icon.arrow").click(function() {
    $('.user_info').slideToggle(500);
    $(this).toggleClass("open");
    });
});

вот все больше нечего показывать так все работает и стрелка ходит как надо, puff туда добавить надо

@AmateR62 · 29.02.2016, 08:33

JavaScript
1
2
3
4
5
6
7
$(function(){
    $(".icon.arrow").click(function() {
        $('.user_info').slideToggle(500);
        $(this).toggleClass("open");
        if ( !$(this).is(".open") ) $('.user_info').hide('puff', 450)
    });
});

@Возмездие · 29.02.2016, 09:47 **[ТС]**

Сообщение от AmateR62

$(function(){
$(".icon.arrow").click(function() {
$('.user_info').slideToggle(500);
$(this).toggleClass("open");
if ( !$(this).is(".open") ) $('.user_info').hide('puff', 450)
});
});

работает но без эффекта, просто slide

@AmateR62 · 29.02.2016, 10:20

JavaScript
1
2
3
4
5
$(".icon.arrow").click(function() {
    if ( $(this).is(".open") ) $('.user_info').effect('puff', 450)
    else $('.user_info').slideDown(500);
    $(this).toggleClass("open");    
  });

@Padonak · 29.02.2016, 14:47

Предлагаю переименовать топик в "Ненависть" и сделать sticky

Новые блоги и статьи Все статьи Все блоги /
Remote Connection Manager DevAlt 21.06.2026 Написал для себя небольшую прилагу: https:/ / github. com/ altbodhi/ ReConMan По итогу пришел к мысли, что DU не дружат с существующими технологиями. От сериализации до отображения в реляционную. . .	Администрация Хабра удаляет новые энрегоэфективные алгоритмы, которые не западной школы кода, и вовсе никак не сгенерировавны. Hrethgir 20.06.2026 Делается это, как замечено, при правках - при объявлении концептуальных отличий в алгоримах. Делается это, по линейке событий - после дополнения публикации основными отличиями от основных западных. . .	Процесс ориентированная диалектика (не новость - просто системное обновление, философия). Hrethgir 20.06.2026 Однажды один участник в своём блоге, на этом форуме, сделал запись "О языках замолвите слово". Понимая, что язык - важная вещь, я решил хорошо подумать, прежде чем сказать, и сказал то, что вы видите. . .	Контроль уникальности строк в табличной части документа Maks 18.06.2026 Алгоритм из решения ниже разработан на примере нетипового документа "ПланированиеСпецтехники" с табличной частью "НаличиеОборудования", разработанного в КА2. Задача: контроль уникальности строк в. . .
Клиент Uhbif79 18.06.2026 Здесь простой клиент для работы с сервером.	Сервер Uhbif79 18.06.2026 Выкладываю простейший сервер.	Дефенестрация kumehtar 18.06.2026 Узнал интересное слово. Дефенестрация. Это когда ты выбрасываешь кого-либо или что-либо из окна. Возьму на вооружение)))	Дихотомия добра и зла kumehtar 18.06.2026 Как Дзен-буддисты говорят о добре и зле: не нужно воевать против зла, нужно воевать против невежества. Тогда добро станет ествественным, и поэтому вечным. Но дело в том, что невежество всё время. . .

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	29.02.2016, 14:47
	Предлагаю переименовать топик в "Ненависть" и сделать sticky 0

Смена картинки в img по клику

Решение