jQuery if div id has class, hide other div -

jQuery if div id has class, hide other div -

i'm trying hide img id of "offer" if li id "print" has class frame3. frame3 class that's added front end slide on carousel i'm working on. seem have gotten working if utilize class. however, when combine id, no dice. appreciate help...thanks much!

here's i'm working with.

markup:

<div class="main-container" style="position:relative;"> <ul id="slider"> <li><img src="images/img-1.png"><span><img src="images/slide-1-text.png"></span></li> <li><img src="images/img-2.png"><span><img src="images/slide-2-text.png"></span></li> <li><img src="images/img-3.png"><span><img src="images/slide-3-text.png"></span></li> <li><img src="images/img-4.png"><span><img src="images/slide-4-text.png"></span></li> <li><img src="images/img-5.png"><span><img src="images/slide-5-text.png"></span></li> <li><img src="images/img-6.png"><span><img src="images/slide-6-text.png"></span></li> <li><img src="images/img-7.png"><span><img src="images/slide-7-text.png"></span></li> <li><img src="images/img-8.png"><span><img src="images/slide-8-text.png"></span></li> <li><img src="images/img-9.png"><span><img src="images/slide-9-text.png"></span></li> <li><img src="images/img-10.png"><span><img src="images/slide-10-text.png"></span></li> <li><img src="images/img-11.png"><span><img src="images/slide-11-text.png"></span></li> <li><img src="images/img-12.png"><span><img src="images/slide-12-text.png"></span></li> <li id="print" class="frame3"><img src="images/us_img-13-preview.png"><span><a class="button" rel="print" href="#">print</a></span></li> </ul> <img id="prev" src="images/previous.png" onclick="slider_previous()"/> <img id="next" src="images/next.png" onclick="slider_next()"/> <img src="images/offer.png" id="offer" onclick="slider_goto(13); homecoming false"/> </div>

jquery:

$(document).ready(function(){ if($("#print").hasclass("frame3") == true) { $("#offer").hide(); } });

i understand have requested reply in jquery, sake of completeness, thought write out equivalent reply in javascript.

you can identify 2 dom nodes you're working with:

var printlistitem = document.getelementbyid('print'); var offerimage = document.getelementbyid('offer');

then can execute simple if, then statement:

if (printlistitem.classname === 'frame3') { offerimage.style.display = 'none'; }

putting whole thing together:

function hideofferimage() { var printlistitem = document.getelementbyid('print'); var offerimage = document.getelementbyid('offer'); if (printlistitem.classname === 'frame3') { offerimage.style.display = 'none'; } window.onload = hideofferimage();

jquery