UPDATE: I managed to solve this issue without using jQuery UI accordion. Here is the solution I found: Jquery toggle (Click to show one div while hiding others)
JSFiddle Demo: http://jsfiddle.net/sy34v/ (please ignore any blank space on the left, it may be due to disabled list numbering)
When I open one accordion in "List Window 1", it remains open even if I click on another accordion in "List Window 2".
Therefore, if there are 4 accordion sections, all 4 can potentially remain open at the same time. How can I modify it so that only one accordion can be open at a time across the entire page, and when a new one is opened, the previous one closes? Currently, this behavior is restricted to individual accordion sections.
Below is the jQuery code snippet used:
$(document).ready(function () {
$(".listWindow").accordion({
header: ".accordionHeader",
collapsible: true,
active: false
});
});