Ok so I'm trying to make a button to hide or show some rows, and to switch the image in the button between an plus and minus. The problem is in Chrome its switching the image starting on the third click, hiding only on the first click and not toggling from that point on. In IE and FF its hiding/showing just fine but not switching out the image. Below is the code, I appreciate any help you can provide. I've not been able to find this googling, thought I'm sure one of you fine gents has a perfect link just sitting around (or manage to search better terms than myself)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>jCrop + Dialog TEST</title>
<script type="text/javascript" src="Include/jquery.js"></script>
<script type="text/javascript" src="Include/OneFlowUICommon.js"></script>
<script type="text/javascript" src="Include/jquery-1.7.2.min.js"></script>
<link id="styleSheetName" type="text/css" rel="stylesheet" href="Custom/StaffASPNET.css" />
<script>
$(function () {
$('#lnkUpdateToggle').click(function () {
$('#lnkUpdateToggle img').toggle(
function () { $(this).attr("src", "Images/SocialNetworking/Minus.png"); },
function () { $(this).attr("src", "Images/SocialNetworking/Plus.png"); }
);
$('#SNTabs_tblUpdate tr:not(.SectionRow)').toggle(100);
});
});
</script>
</head>
<body>
<table id="SNTabs_tblUpdate" class="SectionBox" cellspacing="0" cellpadding="0" style="width:100%;border-collapse:collapse;">
<tr class="SectionRow">
<td colspan="2">
<button id="lnkUpdateToggle" type="button" ><img src="Images/SocialNetworking/Minus.png" /></button>
<span id="SNTabs_lblUpdate" class="SectionHeader">My Network Update</span></td>
</tr>
<tr>
<td style="width:110px;padding: 5px 0px; text-align: right;"><img id="SNTabs_imgUserPicture" src="Images/SocialNetworking/UserDefault_Large.jpg" /></td><td>
<div id="NewPostContainer">
<div id="NewPostContent">
<div id="NewPostSpacer"><span class="PostTagLine">Post an update...</span><span id="SNTabs_lblCharCount" class="PostCharCount">300</span></div>
<div id="NewPostHeader"></div>
<div id="NewPostBody">
<textarea name="SNTabs$txtPostContent" rows="2" cols="20" id="SNTabs_txtPostContent" class="NewPostText"></textarea>
<input type="submit" name="SNTabs$btnSavePost" value="Share" id="SNTabs_btnSavePost" class="BaseButton SubmitButton PostButton" />
</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
