I need to create an accordion, I got it working half way.

My problem is that some accordion times, also have "accordion children" that need to work the same way.

but right now, when i click on an accordion child it closes that whole tab. However when i click on it again the right child is open.

how can i set it to not close, when clicking on an accordion inside a tab?

2.  jQuery(document).ready(function(){
3.     //Set default open/close settings
4.            // $('.ekflexmenu_submenu_items_hidden').hide(); //Hide/close all containers
5.             $('.sidemenu_toggle:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
6. 
   
7.             //On Click
8.             $('.sidemenu_toggle').click(function(){
9.            if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
10.            $(this).css("color","#ff0000");
11.    $(this).children('div').css("background-position","-500px center");
12.            $('.sidemenu_toggle').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container
13.          //  $(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container
14.            }
15.            else{
16.             $(this).css("color","");
17. $(this).children('div').css("background-position","0px center");
18.        }
19.        $(this).next().slideToggle('slow');
20.            return false; //Prevent the browser jump to the link anchor
21.             });
22. 
    
23. $('.sidemenu_toggle:not(.selected)').next().hide();
24.    $('.sidemenu_toggle:not(.selected)').children('div').css("background-position","0px center"); 
25.   });