Feature #25686

Make the issues sidebar menu use accordion with JQuery

Added by Fabrice ROBIN over 5 years ago. Updated over 3 years ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:


Target version:-



We have some projects in which the issues sidebar is very long.

We would like to be able to hide/show the sidebar sections.

The JQuery Accordion feature could be easily used for this.
Looking at the docs, the <h3> tags must be followed by an enclosing div tag,
and a $('sidebar').accordion command should be executed.


Related issues

Related to Redmine - Patch #21808: Make the Sidebar collapsible, stateful Needs feedback


#1 Updated by Toshi MARUYAMA about 5 years ago

  • Related to Patch #21808: Make the Sidebar collapsible, stateful added

#2 Updated by Janeks Kamerovskis over 3 years ago


#3 Updated by Anonymous over 3 years ago


P.S. it's safe to say that jQuery is beginning to die, as it was a great product for it's time to serve purpose in enabling the ease of DOM manipulation and also making it richer. https://trends.google.com/trends/explore?date=all&q=%2Fm%2F0268gyp

Now that we have ES6 JS+ (which kind of makes use of jQuery questionable now) it would be good to throw forces into beginning to convert all to pure vanilla JS instead of building on top of something that's to push up daises any moment, and Redmine to become taken by surprise.
I believe this work would be also vital, because even seeing how jQuery is implemented now and while there are many things Redmine can load up dynamically there is also still many things it wishes it could load up dynamically. And so while the conversion work is done, more partial load-ups could be potentially researched and implemented in parallel, definitely resulting in performance/speed increase in the future.

#4 Updated by Fabrice ROBIN over 3 years ago

For an accordion in pure ecmascript see https://codepen.io/sureshrkm/pen/ZbzBpr

Also available in: Atom PDF