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

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 = 'none'; link.innerHTML = 'Expand'; } else { e.style.display = ''; link.innerHTML = 'Collapse'; } }

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 contracting items. As an example, I’ve created an unordered list of books using the HTML UL tags.

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 show the <select>. Clicking away from the <select> hides the list.

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 and found a number of solutions.

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 to get it to work.

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) { $(_p).find('.loading').show(); $.ajax({ url: 'index.php?route=extension/module/mta/downline/l&affiliate_id='+$(_this).attr('rel'), dataType: …

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 another item's content will collapse.