Close specific jquery accordion

See more:

ASP.NET

Javascript

jQuery

Hi all,

I have a problem with jquery ui. I need to close a certain accordion panel when a user clicks a button. I have searched for the answer but can't get it to work. Any help would be much appreciated.

$(function () {
            $("#accordion").accordion({
                heightStyle: "content",
                active: false,
                collapsible: true,
                },
                beforeActivate: function (event, ui) {
                    var page_id;
                    if (ui.newHeader.attr("id") == "" || ui.newHeader.attr("id") == null) {
                        page_id = ui.oldHeader.attr("id");
                    }
                    else {
                        page_id = ui.newHeader.attr("id");
                    }
                    var page_image_arr = document.getElementById("img_acc_" + page_id).src.split('/');
                    if (page_image_arr[page_image_arr.length - 1] == "yes.png" && page_image_arr[page_image_arr.length - 1] != null) {
                    }
                    else {
                        event.preventDefault();
                    }

                }
            });
        });

that is the code i use for the accordion...i on the beforeActivate event i do a check and based on the outcome i stop the accordion from opening using event.preventDefault(); But was thinking there must be a better way to do this.