jquery tag

jsp:

<div id="tabs">
       <ul>
       <logic:iterate id="submenu" name="USER_VALUE_OBJECT" indexId="index" property="functionList" scope="session">
            <logic:equal name="submenu" property="MODULE_ID" value="A_USR">
               <logic:equal name="submenu" property="IS_FIELD" value="0">
                   <li>
                       <a href="#tabs-${index+1}">
                           <bean:write name="submenu" property="FUNCTION_NAME" />
                       </a>
                   </li>
               </logic:equal>
            </logic:equal>
      </logic:iterate>
      </ul>
    
     <logic:iterate id="submenu" name="USER_VALUE_OBJECT" indexId="index" property="functionList" scope="session">
            <logic:equal name="submenu" property="MODULE_ID" value="A_USR">
               <logic:equal name="submenu" property="IS_FIELD" value="0">
                   <div id="tabs-${index+1}">
                      <iframe scrolling="no" width="100%" height="600px" style="min-height: 600px;"
                          frameborder="0" src="<%=request.getContextPath()%>${submenu.PAGE_PATH}"></iframe>
                   </div>
               </logic:equal>
            </logic:equal>
      </logic:iterate>
</div>

js:

$(function() {
 var selectedIndex = 0;
 $("#tabs").tabs({
  cache : true,
  selected : selectedIndex,
  fx : {
   opacity : 'toggle'
  }
 });
});