Linking and Synchronizing jQuery separate tabs
I have created a series of related tabs and need to link and synchronize the related tabs, e.g. when C++ is clicked, all C++ tabs open, etc. How do I do it? After a number of experiments using Anchors, it failed. The following is the basic code for two sets of tabs.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<script src="../jQueryAssets/jquery-1.11.1.min.js"></script>
<script src="../jQueryAssets/jquery.ui-1.10.4.tabs.min.js"></script>
<link href="../jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css">
</head>
<body text="#3B0EF1" link="#15F187" vlink="#ECFB03" alink="#F7090D" leftmargin="1" topmargin="0" marginheight="0">
<h1 dir="ltr"> <span class="Function_Title">Test</span></h1>
<p dir="ltr"><span class="General_Function_Text">Commands a discreet controlled motion for a single axis to a specified absolute position. </span></p>
<h2 dir="ltr">Syntax</h2>
<div id="Tabs1" visibility="visible">
<ul>
<li><a href="#tabs-1">C</a></li>
<li><a href="#tabs-2">C++</a></li>
<li><a href="#tabs-3">.NET</a></li>
</ul>
<div id="tabs-1">
<p>MMC_LIB_API int MMC_MoveAbsoluteCmd(<br>
IN MMC_CONNECT_HNDL hConn, <br>
IN MMC_AXIS_REF_HNDL hAxisRef, <br>
IN MMC_MOVEABSOLUTE_IN* pInParam,<br>
OUT MMC_MOVEABSOLUTE_OUT* pOutParam<br>
);</p></div>
<div id="tabs-2">
<p>int MoveAbsolute(<br>
double dPos, [ float fVel], [ float fAcceleration], [ float fDeceleration ], [ float fJerk],<br>
[MC_BUFFERED_MODE_ENUM eBufferMode = MC_BUFFERED_MODE<br>
]) throw (CMMCException); </p>
</div>
<div id="tabs-3">
<p>public int MoveAbsolute(double dPosition, MC_BUFFERED_MODE_ENUM eBufferMode); <br>
public int MoveAbsolute(double dPosition, float fVelocity, MC_BUFFERED_MODE_ENUM eBufferMode); <br>
public int MoveAbsolute(double dPosition, float fVelocity, float fAcceleration, float fDeceleration, float fJerk, MC_DIRECTION_ENUM eDirection, MC_BUFFERED_MODE_ENUM eBufferMode);</p>
</div>
</div>
<h2 dir="ltr">Remarks</h2>
<p dir="ltr"><span class="General_Function_Text">Move Absolute completes with velocity zero if no further action is pending. When an error is encountered, the following information is returned: Function Name, Structure name, Axis reference, Error ID, Status of the axis. In general, this action completes with velocity zero if no further action is pending. For affected fields refer to the MMC_MoveAbsolute will only operate from Standstill or Continuous Motion. It will not operate from Stopping, Homing, ErrorStop, or Disabled or If the last operation with the specific axis was failed. So before action this command need connect to the socket and power on the axis. The command will not perform if the axis has the same parameter values prior to the command.</span></p>
<h2>Scope</h2>
<p>MMC_MoveAbsolute will </p>
<h2 dir="ltr">Structure</h2>
<div id="Tabs2" visibility="inherit">
<ul>
<li><a href="#tabs-4">C</a></li>
<li><a href="#tabs-5">C++</a></li>
<li><a href="#tabs-6">.NET</a></li>
</ul>
<div id="tabs-4">
<p id="MMCMoveabsolutein" name="MMC_Moveabsolute_in"><span id="#tabs-1" style="font-style: italic; color: #050505; font-size: 12pt; font-weight: bold;">MMC_MOVEABSOLUTE_IN Structure<br></span></p>
<blockquote>
<p> typedef struct{<br>
unsigned char ucExecute;<br>
double dbPosition;<br>
float fVelocity;<br>
floxat fAcceleration;<br>
float fDeceleration;<br>
float fJerk;<br>
MC_DIRECTION_ENUM eDirection;<br>
MC_BUFFERED_MODE_ENUM eBufferMode;<br>
}MMC_MOVEABSOLUTE_IN;</p>
</blockquote>
<p id="MMCMoveabsoluteout" name="MMC_Moveabsolute_out"><span style="font-style: italic; color: #050505; font-size: 12pt; font-weight: bold;">MMC_MOVEABSOLUTE_OUT Structure</span><br></p>
<blockquote>
<p>typedef struct{<br>
unsigned int uiHndl;<br>
unsigned short usStatus;<br>
short sErrorID;<br>
}MMC_MOVEABSOLUTE_OUT; </p>
</blockquote>
</div>
<div id="tabs-5">
<h3>Overloaded Function </h3>
<p><strong>int</strong> <strong>MoveAbsolute</strong>(<strong>double</strong> dPos, MC_BUFFERED_MODE_ENUM eBufferMode = <em>MC_BUFFERED_MODE</em>) <strong>throw</strong><br>
<br>
</p></div>
<div id="tabs-6">
<h4><span dir="LTR"> </span>MMCSingleAxis.MoveAbsolute</h4>
<p>public int MoveAbsolute(double dPosition, MC_BUFFERED_MODE_ENUM eBufferMode); <br>
public int MoveAbsolute(double dPosition, float fVelocity, MC_BUFFERED_MODE_ENUM eBufferMode); <br>
public int MoveAbsolute(double dPosition, float fVelocity, float fAcceleration, float fDeceleration, float fJerk, <br>
MC_DIRECTION_ENUM eDirection, MC_BUFFERED_MODE_ENUM eBufferMode);</p>
</div>
</div>
<p> </p>
<script type="text/javascript">
$(function() {
$( "#Tabs1" ).tabs({
selected:1,
heightStyle:"content"
});
});
$(function() {
$( "#Tabs2" ).tabs({
collapsible:true,
heightStyle:"content"
});
});
</script>
</body>
</html>
<body>
</body>
</html>
