[jQuery] Can't seem to figure out this simple toggle situation...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>I’ve got this HTML:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:#8400D7'><tr</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span style='font-size:10.0pt;
font-family:Consolas;color:#8400D7'>id=</span><span style='font-size:10.0pt;
font-family:Consolas;color:blue'>"propertyID-#propertyID#"</span><span
style='font-size:10.0pt;font-family:Consolas;color:#8400D7'>><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span style='font-size:
10.0pt;font-family:Consolas;color:#8400D7'><td</span><span style='font-size:
10.0pt;font-family:Consolas;color:black'> </span><span style='font-size:10.0pt;
font-family:Consolas;color:#8400D7'>style=</span><span style='font-size:10.0pt;
font-family:Consolas;color:blue'>"width:20px; padding:10px 6px 0 0;"</span><span
style='font-size:10.0pt;font-family:Consolas;color:#8400D7'>><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:maroon'><cfif</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>
qCheckFeatured.recordCount </span><span style='font-size:10.0pt;font-family:
Consolas;color:blue'>eq</span><span style='font-size:10.0pt;font-family:Consolas;
color:black'> </span><span style='font-size:10.0pt;font-family:Consolas;
color:#FF0A0A'>0</span><span style='font-size:10.0pt;font-family:Consolas;
color:maroon'>></span><span style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
</span><span style='font-size:10.0pt;font-family:Consolas;color:navy'><img</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>src=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>"../../site_images/icon_accept.gif"</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>style=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>"visibility:hidden;"</span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>></span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:maroon'><cfelse></span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
</span><span style='font-size:10.0pt;font-family:Consolas;color:navy'><img</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>src=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>"../../site_images/icon_accept.gif"</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>style=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>"visibility:visible;"</span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>></span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:maroon'></cfif><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span style='font-size:
10.0pt;font-family:Consolas;color:#8400D7'></td><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:#8400D7'> <td</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:#8400D7'>style=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>"width:480px;
padding:10px 0 0 0;"</span><span style='font-size:10.0pt;font-family:Consolas;
color:#8400D7'>><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'><a</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>href=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>""</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'>onClick=</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>"return
false;"</span><span style='font-size:10.0pt;font-family:Consolas;
color:black'> </span><span style='font-size:10.0pt;font-family:Consolas;
color:navy'>class=</span><span style='font-size:10.0pt;font-family:Consolas;
color:blue'>"featured"</span><span style='font-size:10.0pt;
font-family:Consolas;color:navy'>></span><span style='font-size:10.0pt;
font-family:Consolas;color:black'>#streetNumber# #streetName#, #city#, #state#</span><span
style='font-size:10.0pt;font-family:Consolas;color:navy'></a><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span style='font-size:
10.0pt;font-family:Consolas;color:#8400D7'></td></span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:#8400D7'></tr><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas'><o:p> </o:p></span>
<p class=MsoNormal>The “icon_accept.gif” at the beginning of each
row in the table is either hidden or visible.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I want to be able toggle the visibility by clicking on the
address, which has the class of “featured”.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I’ve tried this jQuery (and many other variations)…<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:purple'>function</span><span style='font-size:10.0pt;
font-family:Consolas;color:black'> selectFeaturedProperties() {</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> $(</span><span style='font-size:
10.0pt;font-family:Consolas;color:blue'>'.featured'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>).live(</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>'click'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>, </span><span
style='font-size:10.0pt;font-family:Consolas;color:purple'>function</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>() {</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:purple'>var</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> img = $(</span><span
style='font-size:10.0pt;font-family:Consolas;color:purple'>this</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>).parent().previous().find(</span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>'img'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>);</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:purple'>if</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> (
img.css(</span><span style='font-size:10.0pt;font-family:Consolas;color:blue'>'visiblity'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>, </span><span
style='font-size:10.0pt;font-family:Consolas;color:blue'>'visible'</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'>) )</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'>
{ img.fadeOut(250);
}</span><span style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas;color:purple'>else</span><span
style='font-size:10.0pt;font-family:Consolas;color:black'> { img.fadeIn(250);
}</span><span style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> </span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:10.0pt;
font-family:Consolas;color:black'> });</span><span
style='font-size:10.0pt;font-family:Consolas'><o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>}<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>Something’s obviously wrong, but I don’t know which part.<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>Ideas? (Seems like this should be simple, but I’m just
not getting it…)<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>Thanks,<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt;font-family:Consolas;
color:black'>Rick</span><o:p></o:p>
<p class=MsoNormal><i><span style='color:#BFBFBF'>-------------------------------------------------------------------------------------------------------------------<o:p></o:p></span></i>
<p class=MsoNormal><i><span style='color:#BFBFBF'>"Those who hammer their
guns into plows will plow for those who do not." - Thomas Jefferson<o:p></o:p></span></i>
<p class=MsoNormal><o:p> </o:p>
</div>
</body>
</html>