Как сделать аналог аккордеона в моем случае?

Question

[Никита Нафранец]

Как сделать, чтоб блоки с slideToggle закрылись, когда другие такие же блоки открывались?
codepen.io/dimensi/pen/mPGvzm
codepen.io/dimensi/pen/PNdYQO

Answer 1

[Vlad Chernik]

codepen.io/venabulum/full/WwgPPK

Comments

[Никита Нафранец]

Во втором примере у меня не весь блок нажимается, а только некоторые места (подробней и картинка). Я не уверен, что смогу переписать все это под css используя импуты.

[Максим]

интересно а в этом случае (в вашем ) примере - возможно ли сделать что бы все вкладки были закрыты ?

[Максим]

Никита Нафранец: у вас все прекрасно работает

[Никита Нафранец]

Максим Жаров: в смысле работает? Мне нужно, чтоб когда я открыл 1 блок, то другой который был уже открыт, закрывался.

[Максим]

Никита Нафранец: а на jquery не вариант ?

[Максим]

Никита Нафранец: bootstrap accordion или jquery accordion

[Никита Нафранец]

Максим Жаров: я код написал на jQ и я хочу используя jQ сделать такое, а не используя готовые плагины.

[Vlad Chernik]

Никита Нафранец: вот вам на jQuery → https://jqueryui.com/accordion/

[Vlad Chernik]

Максим Жаров: можно сделать что угодно, если очень захотеть :)

[Никита Нафранец]

Неужели нельзя обойтись тем, что я написал и дописать? Может есть функция в JQ или Логика какая-та, которая позволяет так делать.

[Никита Нафранец]

Я на тостер написал в надежде, что мне подскажут как код правильней дописать, а не будут ссылки на плагины jQuery кидать

[Vlad Chernik]

Никита Нафранец: Вам прислали несколько примеров реализации. Изучите их. После уже можно будет «обойтись тем, что я написал и дописать». Что вам мешает это сделать?

Не думаю, что кто-то будет _дописывать_ ваш код вместо вас.

[Vlad Chernik]

Никита Нафранец: Вы определитесь, что вы хотите-то.
>>> «я код написал на jQ и я хочу используя jQ сделать такое, а не используя готовые плагины.»
Вам и прислали пример реализации на jQ, раз чистый CSS вам по какой-то причине подходит.

[Vlad Chernik]

*не подходит, конечно же

[Никита Нафранец]

Влад: Это не примеры! Это я сам написал

[Никита Нафранец]

Влад: Я не откуда это не копировал, я сам это сделал. Просто не знаю как допилить. А нужных гайдов найти не могу.

[Vlad Chernik]

Никита Нафранец: Я вам что-то такое написал? Я _лично_ прислал вам два примера — один на jQ, второй на CSS. Плюс Максим прислал вам реализацию на JS от Bootstrap'a.
Что вам мешает посмотреть код этих примеров и внести правки в свой?
И читайте внимательно, что вам пишут.

[Никита Нафранец]

Влад: В смысле мне примеры прислали? Все, что я вижу, это сделайте такую html разметку, а потом вставьте скрипт $('item').accordion(); но принцип работы самого плагина это не объясняет.

[Никита Нафранец]

Влад: Хотя, я понял. Я рассмотрю логику accordion и попытаюсь ее просто воспроизвести.

[Максим]

Влад: Вот на fundation