jquery accordian menu

I didn’t develop this site but I am adding content to it, but I’m having an issue in the navigation with the page “Body Wraps”. When I click on the page the content and everything is fine but the “Body” accordian menu closes and opens the “Face” accordian menu. It should stay with the “Body” accordian menu open. The site is https://dev999.info

There is also javascript set up for the navigation and I’m wondering if it has something to do with that in the php.

The php is this:
<?php if (is_page(‘felicite-signature-facials’) || is_page(‘IS Clinical Skin Treatments’) || is_page(‘pcac-skin-peels’) || is_page(‘glyderm-peels’) || is_page(‘microdermabrasionhydrodermabrasion’) || is_page(‘ultimate-anti-aging-layered-technology-treatment’) || is_page(‘body-wraps’)) { ?>
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script>&lt;!–Common jQuery plugin here –>
<style type=”text/css” media=”screen”>
/* demo styles */
#demo1,#demo2,#demo3,#demo4{float:left;}
.scrollbar { width:610px;height:310px; margin:0 0px 0 0;-moz-box-shadow:0px 0px 12px 3px #CCC;overflow:hidden;float:left;}
.scrollbar.simple{width:610px;height:340px; margin:0 0px 0 0;overflow:hidden;float:left;-moz-box-shadow:none;border:none;}
.scrollbar.noborder{border:none;}
.scrollbar p{margin:0;padding: 0px 15px 0 0;line-height:1.5;}
#demo2 {
border-bottom:1px #0F876F solid;
padding: 0 0 15px 0;
}
#dc_jqaccordion_widget-2-item ul li#menu-item-41 ul.sub-menu, #dc_jqaccordion_widget-2-item ul li#menu-item-40 ul.sub-menu {
display:none;
}
</style>

<link href=”<?php echo get_option(‘siteurl’); ?>/wp-content/themes/azure-basic/css/scrollbar.css” type=”text/css” rel=”stylesheet” />
<?php } ?>

Would including the page – is_page(‘body-wraps’) – in with pages that are part of the “Face” accordian menu be causing the problem? And if so how do I fix it? I’m a beginner when it comes to php.

Any help would be greatly appreciated!