Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.11.2018, 04:13
Новичок на форуме
Отправить личное сообщение для silatal Посмотреть профиль Найти все сообщения от silatal
 
Регистрация: 22.11.2018
Сообщений: 3

Как при нажатии на картинку открыть текст и картинку?
Здравствуйте.
У меня есть вот такие маленькие треугольники:


При нажатии на треугольник, должен появляться текст, а треугольник изменяться:


У меня есть код, где текст появлятся и исчезает, а вот с треугольником уже засада: или они все изменяются, или только в одну сторону изменяются, а на место не возвращаются.

Подскажите, как дописать?
jQuery('.spoiler_links' ).click( function () {
			jQuery( this ).parent().children('.spoiler_body').hide();

			return false;
		} );

<style>
.spoiler_body {
	display: none;
}
</style>

<a href="" class="spoiler_links"><img src="/img/img_hide.png" class="company_hide"></a>

<div class="spoiler_body">Текст</div>
}
Ответить с цитированием
  #2 (permalink)  
Старый 22.11.2018, 07:22
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Вообще удобнее щелкать по шапке блока и анимаровать его элемент. Почитайте о CSS анимации.

<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
.toggle span {
    display: inline-block;
    transition: all 0.1s linear 0s;
}

.toggle.active span {
    transform: rotate(90deg);
}
</style>
<script>
$(function() {
    $('.toggle').click(function() {
        $(this).toggleClass('active')
    });
})
</script>
</head>
<body>
<a class="toggle">Toggle <span>►</span></a>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как пометить чекбокс при нажатии на кнопку? vasyakrn Элементы интерфейса 5 03.04.2015 12:10
Как добавить и удалить класс при нажатии на div? Jeick9 Events/DOM/Window 23 10.03.2015 16:05
Активация checkbox при нажатии на текст и изменение стиля у текста. ilyakor jQuery 2 10.06.2014 19:34
нужно заставить одновременно работать слайдер и модальное окно обратной связи kvant355 Javascript под браузер 3 22.07.2013 16:34
Как поменять картинку при нажатии на нее syegorius Events/DOM/Window 1 28.08.2010 23:14