jquery - SlideToggle div over content -


i have 2 divs. in each div have content , div thats default hidden , relative positioned on top of content. when hover on div want hidden div slide up. tried isn't working me.

code.. ill show part of it, since both divs same. html: 

<div class="youtube">     <h1> youtube </h1>     <span></span>     <div class="yt-desc">      <p>         pellentesque habitant morbi tristique senectus et         netus et malesuada fames ac turpis egestas.         pellentesque habitant morbi tristique senectus et         netus et malesuada fames ac turpis egestas.       </p>     </div><!-- // .yt-desc -->     </div> <!-- // .youtube -->

css:

heres css one,the .forums same. took out unneeded css.

.youtube, .forums { background: #3c3c3c url(../images/boxes-bg.jpg) repeat-x;  float: left; position: relative; z-index: -1; width: 260px; } .youtube h1, .forums h1 { text-indent: -9999px; margin: 26px auto; } .youtube { margin: 0 216px 0 0; } .youtube h1 { background: url(../images/yt-header.png) no-repeat; height: 36px; margin: 21px; auto; width: 212px; } .youtube span { background: url(../images/icons/youtube.png) no-repeat; display: block; height: 75px; margin: 26px auto; width: 79px; }  .youtube .yt-desc, .forums .forums-desc {  position: absolute; top: 94px; left: 0px; padding: 5px; display: none; }

yt-desc i'm trying slideup. reason not working.

ive tried.

$(".youtube").hover(function () {   $(".yt-desc").slidetoggle("fast"); });

still no luck. can help? :/ heres idea of i'm trying - alt text

if understand correctly, want this: example

using display: none doesn't render element until "show" it, hiding away element overflow: hidden better.

here nice tutorial on similar effect

didn't solve problem really, hope helps anyway!

edit: code example:

css

.youtube, .forums { background: #3c3c3c url(../images/boxes-bg.jpg) repeat-x; position: relative; width: 260px; overflow: hidden;} .youtube h1, .forums h1 { text-indent: -9999px; margin: 26px auto; }  .youtube { margin: 0 216px 0 0; } .youtube h1 { background: url(../images/yt-header.png) no-repeat; height: 36px; margin: 21px; auto; width: 212px; } .youtube span { background: url(../images/icons/youtube.png) no-repeat; display: block; height: 75px; margin: 26px auto; width: 79px; }  .youtube .yt-desc, .forums .forums-desc {  width: 260px; position: absolute; bottom: -200px; padding: 5px;}

jquery

$(".youtube").hover(       function(){            $(this).children("div.yt-desc").stop().animate({bottom: 0}, 500);       },       function(){              $(this).children("div.yt-desc").stop().animate({bottom: -20}, 500);   });

Comments

Post a Comment

Popular posts from this blog

Add email recipient to all new Trac tickets -

is there configuration change can made trac send notification email address upon creation of new tickets? if can't done through config, plugin second best option, source code modification last resort. note: setting smtp_always_cc in notification section of tracini send messages on updates. i'm in need of email notifications only on creation of new ticket. does have email notification? 1 option have create query list ten (or many) recently-created tickets. when looking @ results of query, use "rss feed" button @ bottom of page subscribe feed notify whenever results of query updated.
Read more

400 Bad Request on Apache/PHP AddHandler wrapper -

i'm trying create wrapper/handler called on apache server whenever requests php script inside of directory. way can authorize users entire directory or write other stuff called when directory called. this best configuration i've been able come with... <directory "/srv/http/innov/public_html"> options -indexes allowoverride order allow,deny allow directoryindex index.php </directory> then in /srv/http/innov/public_html/kb/ have .htaccess file... options -indexes addhandler auth_handler .php action auth_handler ../auth_handler.php then in /srv/http/innov/public_html/kb/auth_handler.php follows... <?php $file = $_server['path_translated']; echo $file; ?> access log: - - [02/dec/2010:17:43:15 -0500] "get /kb/index.php http/1.1" 400 590 error log: [thu dec 02 17:50:19 2010] [error] [client xxx.xxx.xxx.xxx] invalid uri in request /kb/ http/1.1 i've checked browser , seems making proper request...
Read more

php - Change action and image src url's with jQuery -

i parsing form 1 of sites using php proxy. working fine form action , img src of submit button url's relative. how can prepend full http//www.domain.com/ in front of each of url's in form? edit: here's form code once fed through new domain: <div style="display: none;" id="subscribeform" class="newform"> <h5>subscribe our newsletter</h5> <form action="/campaignprocess.aspx?listid=27057" method="post" onsubmit="return checkwholeform93426(this)" name="catemaillistform93426"> <div class="form"> <div class="item"> <label for="clfullname">full name</label> <br /> <input type="text" maxlength="255" id="clfullname" name="fullname" class="cat_textbox_small" st...
Read more