Hi,
I am using the following script to slide toggle multiple div elements
in a page. It works fine in FF2 but behaves little strange in IE 7
version mentioned above.
Here is the script
<script>$('div[id^=upgradeConfigItem_]').each(function(i){$
(this).click(
function()
{$('#upgradeConfigItemToggleContent_' +
i).slideToggle('slow');
$('#upgradeConfigItem_' + i).toggleClass('expand');
$('#upgradeConfigItem_' + i).toggleClass('collapse');});
});</script>
Here is corresponding HTML
.....
<form action="?wicket:interface=:
17:configTabbedPanel:tabs:content:panel0:upgradesForm::IFormSubmitListener::"
method="post" id="upgradesFormb4"><div style="display:none"><input
type="hidden" name="upgradesFormb4_hf_0" id="upgradesFormb4_hf_0" /></
div>
<input value="2207.0" type="hidden" name="basePrice"/>
<div>
<div class="headingCustomize collapse"
id="upgradeConfigItem_0"><h4>Epygi IP PBX Accessories upgrade</h4></
div>
<table width="100%" cellpadding="0"
class="TableHorizontalSmall marginBottom" cellspacing="0"
id="upgradeConfigItemToggleContent_0">
<tr>
<th width="4%"></th>
<th width="78%" class="alignLeft"></th>
<th width="6%">Qty</th>
<th width="12%">Unit price</th>
</tr>
<tr>
<td><input value="radio17" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9205//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
SanDisk Cruzer Micro - USB flash drive
- 128 MB
</a>
</td>
<td align="right" width="30">
<input value="25.0" type="hidden"
name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
0:hUpgradeConfigOptionPrice" id="optionPrice_16258"/>
</td>
<td nowrap="nowrap" align="right">$25.00</td>
</tr><tr>
<td><input value="radio18" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9206//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
SanDisk Cruzer Micro - USB flash drive
- 256 MB
</a>
</td>
<td align="right" width="30">
<input value="39.0" type="hidden"
name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
1:hUpgradeConfigOptionPrice" id="optionPrice_16259"/>
</td>
<td nowrap="nowrap" align="right">$39.00</td>
</tr><tr>
<td><input value="radio19" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9207//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
SanDisk Cruzer Micro - USB flash drive
- 512 MB
</a>
</td>
<td align="right" width="30">
<input value="59.0" type="hidden"
name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
2:hUpgradeConfigOptionPrice" id="optionPrice_16260"/>
</td>
<td nowrap="nowrap" align="right">$59.00</td>
</tr><tr>
<td><input value="radio20" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9208//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
SanDisk Cruzer Micro - USB flash drive
- 1024 MB
</a>
</td>
<td align="right" width="30">
<input value="99.0" type="hidden"
name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
3:hUpgradeConfigOptionPrice" id="optionPrice_16261"/>
</td>
<td nowrap="nowrap" align="right">$99.00</td>
</tr><tr>
<td><input value="radio21" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9209//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
SanDisk Cruzer Micro - USB flash drive
- 2048 MB
</a>
</td>
<td align="right" width="30">
<input value="189.0" type="hidden"
name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
4:hUpgradeConfigOptionPrice" id="optionPrice_16262"/>
</td>
<td nowrap="nowrap" align="right">$189.00</td>
</tr><tr>
<td><input value="radio22" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9245//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
Base Epygi IP PBX Accessories
Configuration
</a>
</td>
<td align="right" width="30">
<input value="0.0" type="hidden"
name="upgradeConfigItem:
0:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
5:hUpgradeConfigOptionPrice" id="optionPrice_DEFAULT16257"/>
</td>
<td nowrap="nowrap" align="right">$0.00</td>
</tr>
</table>
</div><div>
<div class="headingCustomize collapse"
id="upgradeConfigItem_1"><h4>Broadband Phone Services, SIP Plans
upgrade</h4></div>
<table width="100%" cellpadding="0"
class="TableHorizontalSmall marginBottom" cellspacing="0"
id="upgradeConfigItemToggleContent_1">
<tr>
<th width="4%"></th>
<th width="78%" class="alignLeft"></th>
<th width="6%">Qty</th>
<th width="12%">Unit price</th>
</tr>
<tr>
<td><input value="radio23" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9197//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
Vonage Business Plus 4-Line Plan
</a>
</td>
<td align="right" width="30">
<input value="149.0" type="hidden"
name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
0:hUpgradeConfigOptionPrice" id="optionPrice_16264"/>
</td>
<td nowrap="nowrap" align="right">$149.00</td>
</tr><tr>
<td><input value="radio24" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9216//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
Vonage Business Plus 8-Line Plan
</a>
</td>
<td align="right" width="30">
<input value="299.0" type="hidden"
name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
1:hUpgradeConfigOptionPrice" id="optionPrice_16265"/>
</td>
<td nowrap="nowrap" align="right">$299.00</td>
</tr><tr>
<td><input value="radio25" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9217//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
Vonage Business Plus 16-Line Plan
</a>
</td>
<td align="right" width="30">
<input value="599.0" type="hidden"
name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
2:hUpgradeConfigOptionPrice" id="optionPrice_16266"/>
</td>
<td nowrap="nowrap" align="right">$599.00</td>
</tr><tr>
<td><input value="radio26" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9218//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
Vonage Business Plus 24-Line Plan
</a>
</td>
<td align="right" width="30">
<input value="999.0" type="hidden"
name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
3:hUpgradeConfigOptionPrice" id="optionPrice_16267"/>
</td>
<td nowrap="nowrap" align="right">$999.00</td>
</tr><tr>
<td><input value="radio27" type="radio"
class="checkbox" checked="checked" name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup"/></td>
<td>
<a href="product/9245//?
wicket:pageMapName=popupPageMap" target="popupPageMap" onclick="var w
= window.open(href, 'popupPageMap',
'scrollbars=yes,location=no,menuBar=no,resizable=yes,status=no,toolbar=no,width=500,height=500');
if(w.blur) w.focus(); return false;">
Base Broadband Phone Services, SIP
Plans Configuration
</a>
</td>
<td align="right" width="30">
<input value="0.0" type="hidden"
name="upgradeConfigItem:
1:upgradeConfigOptionRadioGroup:upgradeConfigItemToggleContent:upgradeConfigOptionRow:
4:hUpgradeConfigOptionPrice" id="optionPrice_DEFAULT16263"/>
</td>
<td nowrap="nowrap" align="right">$0.00</td>
</tr>
</table>
</div>
<script>$('div[id^=upgradeConfigItem_]').each(function(i){$
(this).click(
function()
{$('#upgradeConfigItemToggleContent_' +
i).slideToggle('slow');
$('#upgradeConfigItem_' + i).toggleClass('expand');
$('#upgradeConfigItem_' + i).toggleClass('collapse');});
});</script>
</form>
......
