javascript - Jquery slide left to right makes div jump up on slide -

-

i'm trying create effect when link clicked makes initial div slide left , reveal second div sliding left , when link clicked second div div slides right first div sliding right well.

here code far

html

<div id="box1">     <a href="#" id="click1">click show other div</a>      <br>     ut accumsan dignissim lorem non posuere.aliquam iaculis nibh    ultricies sem amet.class aptent taciti sociosqu ad posuere. </div>  <div id="box2" style="display:none">     <a href="#" id="click2">click show other div</a>      <br>     ut accumsan dignissim lorem non posuere.aliquam iaculis nibh    ultricies sem amet.class aptent taciti sociosqu ad posuere. </div>

js

$(document).ready(function () {     $('#click1').click(function () {         $('#box1').hide("slide", {             direction: "left"         }, 1000);         $('#box2').show("slide", {             direction: "right"         }, 1000);     });     $('#click2').click(function () {         $('#box2').hide("slide", {             direction: "right"         }, 1000);         $('#box1').show("slide", {             direction: "left"         }, 1000);     }); });

here jsfiddle link have far http://jsfiddle.net/rayshinn/abnmn/4/

the issue when click link , invoke slide animation second hidden div jumps place. there way can create smooth animation left right without div poping/jumping effect?

thank help.

use absolute positioning inside relative-positioned wrapper.

fiddle exemple (updated)

html

<div id="wrapper">     <div class="slidingdiv" id="box1">...</div>     <div class="slidingdiv" id="box2" style="display:none">...</div> </div>

css

#wrapper {     position:relative; }  #wrapper div {     position:absolute;     top:0; }

javascript auto-height calculation

var maxheight = 0; $('.slidingdiv').each(function() {     if($(this).height() > maxheight) maxheight = $(this).height(); }); $('#wrapper').height(maxheight);

Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

-
i've encountered simple, yet fundamental problem on calculating snr: there several signals : s1 = original , pure clean signal without noise. n1 = white gaussian noise going added s1. s2 = s1 + n1 (the noisy signal before performing noise-reduction algorithm) s3 = noise-reduced signal (after performing noise reduction algorithm) n2 = s3 - s1 (the amount of noise after performing noise-reduction algorithm) now want compare snr before , after performing noise-reduction algorithm. which signals should consider snr_before!? s1/n1 or s2/n1 ? which signals should consider snr_after!? s3/n1 or s3/n2 ? which commands or functions should use in matlab in order compute snr_before , snr_after? thanks billion putting time on helping me. what know calculating snr before : snrbeforenoise = mean( signal .^ 2 ) / mean( noise .^ 2 ); and snr after : residual_noise = signal - noise_reduced_signal; snr_after = mean( signal .^ 2 ) / mean( residual_noise .^ 2...
Read more

java - How to create Table using Apache PDFBox -

-
java - How to create Table using Apache PDFBox - we planning migrate our pdf generation utilities itext pdfbox (due licensing issues in itext). effort, able write , position text, draw lines etc. creating tables text embedded in table cells challenge, went through documentation, examples, google, stackoverflow couldn't find thing. wondering if pdfbox provides native back upwards creating tables embedded text. lastly resort utilize link https://github.com/eduardohl/paginated-pdfbox-table-sample thanks links provided tilman. using boxable api ( https://github.com/dhorions/boxable ) able create table wanted to. fyi wanted create table variable number of cells. illustration row 1 have 2 cells, row 2 have 5 cells , row 3 have 3 cells. able ease. followed example1.java in link mentioned above. java pdf pdfbox
Read more

c# - Attempting to upload to FTP: System.Net.WebException: System error -

-
i have api takes in xml , uploads files based on information in xml. uploads on schedule (also xml), , have tested surrounding , know works. i getting error 40% of time on first file attempt upload in each time cycle (time cycle = 45 minutes files, 30 minutes others). here code upload: try { loggerftp.log("uploading file: " + filename, false); // create request. ftpwebrequest request = (ftpwebrequest)webrequest.create(appsettingsftp.ftpurl + @"/" + filename); request.method = webrequestmethods.ftp.uploadfile; request.timeout = 6000000; //set 100 minutes //request.timeout = -1; //set infinite // add login credentials. request.credentials = new networkcredential(appsettingsftp.ftplogin, appsettingsftp.ftppassword); // grab file contents. streamreader sourcestream = new streamreader(appsettingsftp.uploadfiledirectory + filename); byte[] filecontents = encoding.utf8.getbytes(sourcestream.readtoend()); sourcest...
Read more