jquery slideToggle direction -


i trying slide jquery .slidetoggle not able add direction left right or right left on click of div (nav). please me out, below code.

    <!doctype html>  <html>  <head>    <style>    p { width:400px; float:right;background:#e4e4e4; margin:5px;padding:5px;}    </style>    <script src="http://code.jquery.com/jquery-latest.js"></script>  </head>  <body style="font-size:10px; color:#333;">    <div style="width:50px; height:15px;float:right;background:#ccc;border:1px solid #333;text-align:center;">nav</div>      <p>      paragraph end paragraphs.       should feel <em>lucky</em> have seen such paragraph in      life.  congratulations!    </p>  <script>      $("div").click(function () {        $("p").slidetoggle("slow");       });  </script>    </body>

i new jquery, appreciated.

you need add parent text.

<body>    <div class="nav">nav</div>    <div class="text">       <p>this paragraph end paragraphs. should feel <em>lucky</em> have seen such paragraph in life. congratulations!</p>    </div> </body>

style:

body {    font-size: 10px;    color: #333; }  .nav {    float: right;    width: 50px;    height: 30px;    text-align: center;    background: #ccc;    border: 1px solid #333; }  .text {    overflow: hidden;    float: right;    margin: 5px;    padding: 5px;    width: 400px;    background: #e4e4e4; }

and javascript:

$('.nav').click(function() {    $('.text p').css({       'width': $('.text p').width(),       'height': $('.text p').height()    });    $('.text').animate({'width': 'toggle'}); });

you have demo at: http://jsfiddle.net/abwvd/


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more