Slide toggle from right to left and left to right. in sharepoint issue.

I have used this url to create asp.net sliding panel but panel slides and while page is loading it will dissappear.
link
how to solve it.
my code:
 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" type='text/javascript'></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".myButton").click(function () {
// Set the effect type
var effect = 'slide';
// Set the options for the effect type chosen
var options = { direction: $('.mySelect').val() };
// Set the duration (default: 400 milliseconds)
var duration = 500;
$('#myDiv').toggle(effect, options, duration);
</script>
/** Style for the body **/
 body {
    font: 12px Tahoma, Arial, Helvetica, Sans-Serif;
/** Style for the button & div **/
 .myButton {
    padding: .2em 1em;
    font-size: 1em;
.mySelect {
    padding: .2em 0;
    font-size: 1em;
#myDiv {
    color:Green;
    background-color:#eee;
    border:2px solid #333;
    display:none;
    text-align:justify;
#myDiv p {
    margin: 15px;
    font-size: 0.917em;
/** Style for the cointainer **/
 #body {
    clear: both;
    margin: 0 auto;
    max-width: 534px;
html, body {
    background-color:White;
hr {
    margin-bottom:40px;
<div id="body">
<h2>Slide toggle from right to left and left to right.</h2>
    <hr/>
    <p>
        <select class="mySelect">
            <option value="right">Right</option>
            <option value="left">Left</option>            
            <option value="up">Up</option>
            <option value="down">Down</option>
        </select>
        <button id="button" class="myButton">Run Effect</button>
    </p>
  <div id="myDiv">
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard d still in their infancy. Various versions have evolved over the years, sometimes by
accident, sometimes on purpose (injected humour and the like).</p>
    </div>
</div>
Thanks.

Hi ,
Vincent Han thanks for ur reply.
this is my latest code but still not working.
having same issue : panel is about to slide but as soon as page gets refreshed it starts sliding and return on ppage as it is.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #img1
            background: green;
            width: 100px;
            height: 100px;
            outline: 1px solid #f93;
        /** Style for the body **/
        body
            font: 12px Tahoma, Arial, Helvetica, Sans-Serif;
        /** Style for the button & div **/
        .myButton
            padding: .2em 1em;
            font-size: 1em;
        .mySelect
            padding: .2em 0;
            font-size: 1em;
        #myDiv
            color: Green;
            background-color: #eee;
            border: 2px solid #333;
            text-align: justify;
        #myDiv p
            margin: 15px;
            font-size: 0.917em;
        /** Style for the cointainer **/
        #body
            clear: both;
            margin: 0 auto;
            max-width: 534px;
        html, body
            background-color: White;
        hr
            margin-bottom: 40px;
    </style>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js" type='text/javascript'></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".myButton").click(function () {
                // Set the effect type
                var effect = 'slide';
                // Set the options for the effect type chosen
                var options = { direction: $('.mySelect').val() };
                // Set the duration (default: 400 milliseconds)
                var duration = 500;
                $('#myDiv').toggle(effect, options, duration);
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="body">
        <h2>
            Slide toggle from right to left and left to right.</h2>
        <hr />
        <p>
            <select class="mySelect">
                <option value="right">Right</option>
                <option value="left">Left</option>
                <option value="up">Up</option>
                <option value="down">Down</option>
            </select>
            <button id="button" class="myButton">
                Run Effect</button>
        </p>
        <div id="myDiv">
            <p>
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                Ipsum has been the industry's standard dummy text ever since the 1500s, when an
               .</p>
            <p>
                It is a long established fact that a reader will be distracted by the readable content
                of a page when looking at its layout. The point of using Lorem Ipsum is that it
                has a more-or-less normal distribution of letters, as opposed to using 'Content
                here, .</p>
        </div>
    </div>
    </form>
</body>
</html>

Similar Messages

  • Screen shifts to the left and left half of my screen appears on the right.

    So there were some issues with my Harddrive, after having it replaced at the genius bar I chose to reinstall everything rather then just restoring from my Time machine.
    After reinstalling Mountain Lion my screen occasionally shifts to the left and the left half of my screen appears on the right.
    It seem completely random and occurs randomly. I haven't been able to tie it to any specific program.
    After a couple of days of this happening once or twice a day I called apple and they suggested I do a fresh reinstall and don't move any of my data over and see if the error re-occurs. It didn't (tried it for 1-2 days..) but it might well be lucky/random that it didn't happen.
    In any case.. since I couldn't deal for another day without my stuff I restored from Time Machine and the error did happen again.
    So... it's something on my mac. I've done all updates... obviously
    I have no idea what to do.. Everytime it happens, my mac just freezes and I can't do anything but for shutdown by pressing the shutdown menu.
    How can I debug this? Anyone ever heard of this before?
    Here are some screenshots: let me know if you need anything else.

    Clear the cache and the cookies from sites that cause problems.
    * "Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
    * "Remove the Cookies" from sites causing problems: Tools > Options > Privacy > Cookies: "Show Cookies"
    See also:
    * http://kb.mozillazine.org/Websites_look_wrong
    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    * Don't make any changes on the Safe mode start window.
    * https://support.mozilla.com/kb/Safe+Mode
    * [[Troubleshooting extensions and themes]]
    In Firefox 4 you can use one of these to start in <u>[[Safe mode]]</u>:
    * Help > Restart with Add-ons Disabled
    * Hold down the Shift key while double clicking the Firefox desktop shortcut (Windows)

  • Moved from MBP to iMac and aperture library has some odd issues.

    Hello
    I have just got myself a nice new iMac today and I have copied my aperture 3 library over from the Macbook Pro and I thought all was well but I now seem to have some problems.
    Some of the images would load and then just disapear but if I zoom in they are there? If I export the version I just get a black image.
    In the other project as I go through and the image loads but then gets obscure makes across it or its half blue.
    Then when I was going through the library it was jumping back to a image I looked at before.
    If anyone could help with this it would be fantastic because the reason I got the iMac was for aperture 3.
    Thanx in advance!!
    Spoony

    You may find the iMac is still processing. This could take a while to complete. Is it showing the little grey wheel. If so just leave it to get on with it. Trying to do other things at the same time is too much for it to cope with. The r.a.m. will probably be working overtime with less capacity than it really needs to do the job efficiently. You don't say how large or small the library is. Or the iMac spec, but i would be surprised if it's anything other than this. You could phone the Apple Support team to confirm. It's free with the new machine. Allan

  • Slide control from IPad to Appletv, and I Tunes movies in Apple tv

    I just download iOS 5 in my I pad, an up date my remote control App., to mirroring, but  now I can not control slide just touch from my IPad  and also the ITunes movies for rent do not show in my screen.

    Hi there apearsal,
    Welcome to Apple Support Communities.
    It sounds like you’ve purchased movies with your Apple TV and want to know how to download those movies to your iPad, so that you can watch them later without a Wi-Fi network connection. Take a look at this article, it’ll walk you through the process of downloading purchases:
    Download past purchases - Apple Support
    Ciao,
    -Jason

  • Muse widget selection dial or left and right slider selector

    Hello, I am looking for a muse widget that lets a user slide a lever left and right or In a circle like a dial to make a selection.  For example, if the range is from 300 to 700, the user will slide the lever on the left and on the right to say he likes the range of 450 to 500.  How do I search for that type of widget?  Does it exist?  Thank you so much, Stacy

    Actually I do not have a shop.  .  I was looking for a range slider widget
    with handles on the left and right side.   That was just a sample.   I
    found some code online but I'm not a programmer.  The slider let you say
    select 10 for a min and 59 for a max. And the slider range was from -100 to
    +100.  Does that make more sense.
    On Friday, December 19, 2014, Gaurav Sharma <[email protected]>

  • Dead Space on left and right side

    Is there any way to get rid of the dead space on the left and right hand sides? Thanks.

    Hi there,
    you can't completely get rid of the dead-space on the left and on the right. But you can increase the content width thus reducing the dead space.
    Select the page in iWeb, Open the Inspector, Go to the Page tab (second from the left) and select Layout, increase the number displaying under Content width (everything up to 950 should be alright but note that for some templates it doesn't work so good 'cause they weren't built to be increased... I hope they change that somewhen...)
    Regards,
    Cédric

  • In which steps of Logic E. can I make a stereo audio recording track with a right and left microphone?

    I  want to make a stereo recording with a microphone for left and one for right. Can someone tell me the Logic steps to record 2 tracks (mono left and
    mono right?) at once, to make a stereo track from both tracks?   I use Logic Express 7.

    I think it is easy if you have an audio interface that has two mic imputs. You direct each of them to two different mono audio tracks. Then, at the time if playing it, you just pan one channel to the left and the other to the right.
    I think this is what you are asking for,
    hope it helps

  • Urgent(Right and Left Functions)

    Hello All,
    In our requiremnet it was mentioned like one column like right(columnname,13) and left(right(columnname,11),10).Is they are any functions like left and right in SQL?I didn't find any of these functions in SQL.
    Are they are something like Substr functions?
    Pls help me out.

    user631532 wrote:
    I mean it is something like right(columnname,13) means substr(columnname,-13)
    left(columnname,13) means substr(columnname,13)
    left(right(columnname,11),10) means substr(columnname,-11,10)
    right(left(columnname,11),10) means substr(columnname,11,-10).
    Is my understanding is correct?
    If not pls rply me.You could have read the documentation and tried it yourself...
    right 13
      1* select substr('0123456789ABCDEFGHIJKLM',-13) from dual
    SQL> /
    SUBSTR('01234
    ABCDEFGHIJKLMleft 13
      1* select substr('0123456789ABCDEFGHIJKLM',1,13) from dual
    SQL> /
    SUBSTR('01234
    0123456789ABCleft(right 11)10
      1* select substr('0123456789ABCDEFGHIJKLM',-11,10) from dual
    SQL> /
    SUBSTR('01
    CDEFGHIJKLright(left 11)10
      1* select substr(substr('0123456789ABCDEFGHIJKLM',1,11),-10) from dual
    SQL> /
    SUBSTR(SUB
    123456789A

  • 5.1 Rear right and left switched. PLEASE HE

    Hi, I'm not gonna talk a lot my english is bad. I will just
    tell you the problem.
    Sound Card: Sound Blaster 24bit LIVE! [INTERNAL]
    MOBO: Intel DG965RY
    MEMORY: 2GB CORSAIR
    GRAPHIC CARD: 8800GTS [ASUS 384MB]
    CPU: Intel Core 2 Duo @ 2.4Ghz
    HEADSET: 5. Turtle Beach
    Problem Description:
    My family bought me Windows Vista Home Premium for Christmas. I was surprised.
    I have installed everything, configure everything for my 5. Headset and the
    problem is that in Control panel everything is fine but when I get to any games
    and I test the Headset I hear rear right in rear left and left rear in right rear.
    I don't know whats wrong. I have tried switching to 4. / 7. and its still the
    same. I configured in Sound Blaster,Windows, and the game for 5. and I got the
    same thing. PLEASE HELP I CANT PLAY COUNTER-STRIKE SOURCE.
    Thanks,
    Mike.pwa
    [email protected]

    Hi,
    The forums are primary intended for user interaction. If you are looking for immediate assistance, you should contact Customer Support in your respecti've region either by telephone or e-mail. They will be able to look into the issue and provide assistance.

  • Right Left or Left Right?

    hi
    I have been using my Audigy card with the break out front panel connectors for about 8 months.
    I have now upgraded my PC and transfered my sound card.
    On my first run with the new CD dri've I got an error mesage and good old Microsoft said that I should update all the drivers which I did....
    Now with the new drivers installed 2 things have happened.
    All the volume coming from the speakers is about 50% of what it was. I have changed every creative setting and every M/Soft setting but the sound level is the same. OK I can turn up my amp more but what has happened?
    2 My left and Right channel have changed sides. When I play anything from my CD or DVD dri've Right is Left and Left is Right. [ I have some HI FI test discs so I know this is correct. When I plug in my MP3 player to the amp everything is OK as before.
    So if I change my leads over from the sound card to the amp everything will be oK but all the old music that I have recorded will now be the wrong way round.
    So what do I do?
    Thanks
    Nigel

    I realise now that once you type numeric data in the cell (aligned with your tab), as soon as you leave the cell, Pages decides what kind of data you have typed and makes its own mind up about how to align it. Your best bet (and mine, since I have been struggling with this behaviour) is to use the Cell Formatting options in the Inspector, and format the data as Currency or Number, with 2 decimal places. Add the Accounting Style tick box and you get the Currency symbol at the far left of the cell and the number at the far right. By resizing the width of the cell you get pretty much the effect you want.
    There is also an additional alignment option on the formatting bar at the top when you are in a cell which does 'Auto align table cell based on content'. That might be useful sometimes, too.

  • How to change right-hand layout to left-hand ?

    Recently I got an project to do a English version of a Japanese Magazine. I already got a hard copy as well as all the soft copy files. Thing is, Japanese layout is starting from right-hand and even the page numbers start from right hand. I checked in forums and every possible resource but couldn't find a way to change it to left hand (normal English layout) layout.
    And another thing i noticed it if I open the Japanese indesign file first and then open a new document, new document is also right – hand layout document. for example, I got a Japanese document from page number 4- 14 (5 on left and 4 on right, 7 on left and 6 on right so on) and if I open a new document it's also numbered as the Japanese one. But if I close the Japanese document and open a new document in first place, it's looked like normal (4 on left 5 on right, 6 on left 7 on right so on) so I guess it's have to do something about preferences.
    Any suggestions ??
    BTW, I'm using Indesign CS6 on a Mac OS X 10.7.4

    Yes. It allows switch binding direction (as does the non-pro version).
    However, if all you need to do is switch the page binding, you can do it with a simple script.
    This simple one-line script will switch the page binding in your current document:
    app.documents[0].documentPreferences.pageBinding = app.documents[0].documentPreferences.pageBinding == PageBindingOptions.LEFT_TO_RIGHT ? PageBindingOptions.RIGHT_TO_LEFT : PageBindingOptions.LEFT_TO_RIGHT;
    Harbs
    in-tools.com

  • How to align a paragraph left and rigth at the same time ?

    Hi ,
    I am now having a problem in aligning the code( left ) and its codebar (right)  in a line and in the same window ?
    Window1
    Code          Codebar (aligned in right)
    Is there any way to do that ?
    Please help me
    Thanks ,

    hi
    r u using smartform or script...
    split the text into 2 then allign them with different paragraph pforms.
    Please Close this thread.. when u r problem is solved. Reward all Helpful answers
    Regards
    Naresh Reddy K

  • Macbook erratic trackpad and stuck on right click! NEED HELP!

    Hi,
    Got a Macbook Unibody, 10.6.8, 2.4GHz, 8GB RAM.
    Basicly it was working fine. I installed a driver for a Tascam audio interface, still working fine for about 2 hours. Took it round to my girlfriends and after a few more hours the pointer started moving around the screen on it's own, clicking only operates the right click function and it will right click on it's own sometimes.
    I've removed the driver and software that came with the Tascam Driver the best I can (Not sure how to do it fully on a Mac, Windows is much better at these things!), I've clean the pad itself and tried 'resetting' it by placing my palm on it for a few seconds. All these things haven't worked.
    USB mouse seems to work ok but even the erratic trackpad will take over sometimes.
    The interface was plugged in via USB and I'm wondering if this could have effected it?
    Any help is much appriciated, it seems like everytime I touch her computer something goes wrong with it!!!
    Oh and no Apple warranty so going to apple ain't an option.
    Many thanks,
    Karl.

    If you have a model with a removable battery, pull the battery and try running without it. I had a problem with my battery swelling and it created all weird trackpad issues. I replaced the battery and it cleared them all up.
    Check out the new remodeled MacOSG website! 24-hour Apple-related news & support.
     MacOSG: An Apple User Group  iTunes: MacOSG Podcast  Follow us on Twitter: MacOSG

  • Help !!! Up down left right slides missing from block diagram !!!

     H E L P !!!!  Hi I am right in the middle of editing my labview program and all of a sudden on my block diagram the up down and left right slides have dissappeared from the screen ? How do I get them back ?  I have tried closing the program and reopening it but when the saved program reopens  the slides are still missing for pulling the programs scope left right up and down !!! Thanks John  

    Hi,
    are you sure the slides (please fill me in what are those?) are missing?
    May be you have dragged the mouse while holding down the CTRL-key that auto-expands your block diagram?
    To verify use the find function and search for the name of an indicator/control that has gone missing
    Another way might be using ctrl-shift-N, this will show a small overview of your VI.
    Ton
    BTW your VI should fit into one (1) or two (2) screen of 1024X768 and never expand it in both directions!!
    Free Code Capture Tool! Version 2.1.3 with comments, web-upload, back-save and snippets!
    Nederlandse LabVIEW user groep www.lvug.nl
    My LabVIEW Ideas
    LabVIEW, programming like it should be!

  • How can I move the vertical slider bar from the right to the left of screen

    how can I move the vertical slider bar from the right to the left of screen

    There are also other things that need attention:
    Your above posted system details show outdated plugin(s) with known security and stability risks that you should update.
    # Shockwave Flash 10.1 r85
    # Next Generation Java Plug-in 1.6.0_18 for Mozilla browsers
    Update the [[Managing the Flash plugin|Flash]] plugin to the latest version.
    *http://www.adobe.com/software/flash/about/
    Update the [[Java]] plugin to the latest version.
    *http://www.oracle.com/technetwork/java/javase/downloads/index.html (Java Platform: Download JRE)

Maybe you are looking for