html - jQuery: Hiding hidden elements -



html - jQuery: Hiding hidden elements -

maybe odd question -

i have designed simple slideshow. part of slideshow includes text appears when hover on slideshow div. when mouseout of slideshow div, text should disappear - , on slide displayed. upon rotation, 1 finds slides hidden text still showing (presumably because 1 cannot hide element parent hidden). so...

is there anyway me hide these kid elements while parent hidden?

here code, can provide more.

$("#banner").hoverintent(function(){ $(".bannercontrols, .bannerblurb").show('slow'); cleartimeout(timer); },function(){ $(".bannercontrols, .bannerblurb").hide('slow'); timer = settimeout(function(){ beginrotation(); },slidetime); });

thanks help. html below - quite long, gives thought of set - various parts written in before hand, , hidden/shown needed.

<div id="banner" style="position:relative; width:595px; height:254px; background-color:#000; margin:0 0 7px 30px; font-family:'trebuchet ms', arial, helvetica, sans-serif;"> <div style="position:absolute; width:595px; height:254px;"> <img class="bannerimg" src="williams-ftr.jpg" /> <img class="bannerimg" src="ftr.jpg" /> <img class="bannerimg" src="cassin-ftr.jpg" /> <img class="bannerimg" src="what-do-we-do-feature.jpg" /> </div> <div id="banner-prev" class="bannercontrols" style="position:absolute; z-index:999; top:100px; left:5px; cursor:pointer;"> <img width="25" src="/images/banner-prev.png" /> </div> <div id="banner-next" class="bannercontrols" style="position:absolute; z-index:999; top:100px; right:5px; cursor:pointer;"> <img width="25" src="/images/banner-next.png" /> </div> <div style="position:absolute; text-align:right; padding:3px 5px; color:#fff; width:585px; left:0; top:0; background-image:url(/images/black-55.png)"> <div style="font-size:10px;"> <em>wednesday, feb 13th, 2013</em> </div> </div> <div class="textblock" style="position:absolute; padding:5px 10px 12px 5px; color:#fff; width:580px; height:auto; left:0; bottom:0; background-image:url(/images/black-55.png);"> <div class="bannertext" style="display:none"> <a class="banner" href="/"> <div class="bannertitle"> title </div> <div class="bannerblurb" style="display:none; font-size:12px; font-family:georgia, 'times new roman', times, serif"> blurb blurb blurb </div> </a> </div> <div class="bannertext" style="display:none"> <a class="banner" href="/"> <div class="bannertitle"> title </div> <div class="bannerblurb" style="display:none; font-size:12px; font-family:georgia, 'times new roman', times, serif"> blurb blurb blurb </div> </a> </div> <div class="bannertext" style="display:none"> <a class="banner" href="/"> <div class="bannertitle"> title </span> </div> <div class="bannerblurb" style="display:none; font-size:12px; font-family:georgia, 'times new roman', times, serif"> blurb blurb blurb </div> </a> </div> <div class="bannertext" style="display:none"> <a class="banner" href="/"> <div class="bannertitle"> <span style="font-size:22px;"><span style="font-size: 80%;">title </span> </div> <div class="bannerblurb" style="display:none; font-size:12px; font-family:georgia, 'times new roman', times, serif"> blurb blurb blurb </div> </a> </div> </div> <div style="position:absolute; width:595px; height:8px; left:0; bottom:0; background-image:url(/images/black-55.png)"> <table class="fullbannerblock" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div index="0" class="bannerblock"></div> </td> <td> <div index="1" class="bannerblock"></div> </td> <td> <div index="2" class="bannerblock"></div> </td> <td> <div index="3" class="bannerblock"></div> </td> </tr> </table> </div> </div><!-- /banner -->

child elements can hidden, regardless if parent element hidden or not. i'm guessing issue caused other bug.

jquery html

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more