Skip to main content

All Questions

Tagged with
0 votes
0 answers
21 views

Rotating chevron in accordion in javascript

Hi i am trying to make a nested accordion and I am almost done. The code itself is werking fine, but I have added chevrons to the main-buttons in the accordion, When clicking on the main-btn one, the ...
Brango's user avatar
  • 21
0 votes
0 answers
25 views

Can someone help me figure out a way to prevent an accordion from expanding upwards when the toggle is selected?

I am having the hardest time with this one... any help is GREATLY appreciated. HTML: <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
Sarah Crook's user avatar
0 votes
3 answers
871 views

How to Toggle Between Plus Minus Icon for Accordion

I am trying to take the Plus icon for my accordion and toggle it to a Minus icon on click using Javascript and then back to Plus when clicked again. Can anyone assist? ` <div class="faqs-...
TheNickster's user avatar
1 vote
1 answer
77 views

Accordion is not working when I click the button

I'm trying to add the accordion in my page. But when I click the button it's not toggling. Here is my Html var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc....
Jazim Max's user avatar
  • 101
-1 votes
1 answer
69 views

How can I click to slide open divs in multiple instances independently of one another?

I have the following markup, below. Essentially, they are the same type of section with a heading, and some of them will have a panel that's initially invisible but will open when you click js-toggle. ...
AlisaM's user avatar
  • 71
0 votes
0 answers
311 views

Avoid accordion pushing down the row in Grid

Is there any solution to avoid accordions in a grid pushing down the entire row, but instead only pushing down the column underneath? Let's say we have a grid containing 3 columns and 5 rows. Each ...
Elmira Alif's user avatar
-1 votes
2 answers
149 views

Why does the event handler toggle the class name just at the first item element but not for the rest?

I see the class being actively added in the console for the first element, but only for the first element. The event listener is tied to an svg button. Class 'open' turns 'hidden-block' display into ...
Bradley Kittle's user avatar
1 vote
1 answer
390 views

My Accordion button with toggle is not working right

I want to create an accordion button. On touch: A new text paragraph to appear the arrow that was down now will go up On touch again: Disappear the paragraph The arrow that was up now will go down ...
Miguel bastidas's user avatar
1 vote
1 answer
151 views

How to toggle accordion button from another page

I have an accordion menu in my website top page. when click primary menus, accordion toggles using jQuery. But when link to it from primary menus in another page, it doesn't work. primary-menu <ul ...
miyuki's user avatar
  • 13
0 votes
1 answer
81 views

jQuery accordion with additional div to be toggled

I am trying to build a simple jQuery accordion but on page load the accordion is 50% of the page width, and there is content in the other 50%. When the accordion is opened, the content is to disappear ...
Adrian's user avatar
  • 285
0 votes
1 answer
1k views

Open clicked tab and close the rest

I'm using JQuery to adjust some accordions. I have the accordion logic ready, but can't get the desired result. I would like that when a tab is clicked, that particular tab opens and the others close ...
fiddle's user avatar
  • 25
0 votes
1 answer
57 views

Removing a class from "untoggled" items and assigning it to selected item in React

I made a toggle component (Accordion to be exact) I am mapping through an array of objects and listing them like: {object.map((o) => ( <Accordion key={o.id} title={o.question} className="...
trailblazer's user avatar
1 vote
1 answer
102 views

How to code Bootstrap Accordion only on Smartphone

This code works well: <!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&...
Erya Van Achterndyk's user avatar
1 vote
1 answer
24 views

javascript list with content toggling acting like accordion,

I have a problem with pure JS list. I want the div with content (below each li) to display once the particular li is clicked. No idea how to make it work. I'm either ablo to show one "content" block ...
Marcin's user avatar
  • 21
1 vote
2 answers
3k views

How to toggle an Accordion Component with a Button outside of the Accordion element?

I am trying to build a button that toggles an accordion component when clicked. The button exists on a separate part of the page from the area the Accordion expands, however I still want to toggle the ...
Jake Dewar's user avatar

15 30 50 per page
1
2 3 4 5 6