coll[i].addEventListener("click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } …

Jul 31, 2016 · If you're using jQuery then you can use a selector to add a click event to multiple items. Something like $('.eventClass').on('click', function() { doSomething(); });

Nov 7, 2012 · I'm trying to collapse all these tables using the following JavaScript: function test2(id, link) { var e = document.getElementById(id); if (e.style.display == '') { e.style.display = …

May 4, 2018 · In this article, you will see how to use a little bit of standard JavaScript to hide and display items in a list. Ordered and unordered lists are great targets for expanding and …

I have a (hidden) html select object in my menu attached to a menu button link, so that clicking the link shows the list so you can pick from it. When you click the button, it calls some javascript to …

Aug 31, 2016 · Instead, we want to use a collapsible list so that users can expand the elements they are interested in one at a time. I looked around on the Internet for ways to accomplish this …

Jun 25, 2018 · What I've gotten so far is to create an expandable list. Now, I've been trying to make these items clickable (links, etc). I've tried window.location.href and such, but can't seem …

May 4, 2016 · The JavaScript deals with getting the index of the list item containing the active class and re-assigning the active class to the next list item (if there is one).

Jan 20, 2025 · //$(this).attr('title', ($(this).attr('title') == '{{ text_expand }}' ? '{{ text_collapse }}' : '{{ text_expand }}')); var _p = $(this).parent(); var _this = $(this); if($(_p).find('ul').length < 1) { …

May 19, 2015 · Basically, I have a list of items whose content expands on click. Only one item's content can be expanded at once - i.e. if I click on one item, it's content will expand and …