title: jquery safari opacity only
body: <pre><code>#div1{ 
  filter:alpha(opacity=85); 
  -moz-opacity:0.85; 
  -khtml-opacity:0.85; 
  opacity: 0.85;
  }
  
  #div1:hover{ 
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  -khtml-opacity:1; 
  opacity: 1;
  }
  
  html&gt;#div1.safarihack{
  opacity: 1; 
  }
  </code></pre>
  
  <p>All the above does as intended. Safari always has its opacity set to full because it doesnt render properly if not.  However, i also have a jquery event that when this div is clicked, the opacity fades to 0, and i need it to fade to 0 for all browsers (fadeout is not an option).</p>
  
  <p>The html of the div is then changed, and i need the opacity for all browsers to return to 0.85 or 85, except for safari, which needs to go back to 100.</p>
  
  <p>How can i target this in the jquery? Is there some way i can put</p>
  
  <pre><code>html&gt;#div1.safarihack {opacity: 1; }
  </code></pre>
  
  <p>into this?</p>
  
  <pre><code>$(this).html(nextHtml).animate({'opacity':'0.85',
                                                'filter':'alpha(opacity=85)', 
                                                '-moz-opacity':'0.85',
                                                '-khtml-opacity':'0.85',
                                                }, 500);
  </code></pre>
  
  <p>*<strong><em>Note that (this) = #div1</em>**</strong></p>