BettyLeg

Baul con JS JAVASCRIPT

Nov 24th, 2019
255
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(document).ready(function() {
  2.   $('#pone').slideToggle(0);
  3.   $('#ptwo').slideToggle(0);
  4.   $('#pthree').slideToggle(0);
  5.   $('#pfour').slideToggle(0);
  6.   $('#pfive').slideToggle(0);
  7.   $('#psix').slideToggle(0);
  8.   var state1 = true;
  9.   $('#one').click(function () {
  10.     if (state1){
  11.       $('#pone').slideToggle(500);
  12.       $('#one').addClass("posicionNueva");
  13.       state1 = false;
  14.     } else{
  15.       $('#pone').slideUp(500);
  16.       $('#one').removeClass("posicionNueva");
  17.       state1=true;
  18.     }
  19.   });
  20.   $('#two').click(function () {
  21.     if (state1){
  22.       $('#ptwo').slideToggle(500);
  23.       $('#two').addClass("ajuste1");
  24.       state1 = false;
  25.     } else{
  26.       $('#ptwo').slideUp(500);
  27.       $('#two').removeClass("ajuste1");
  28.       state1=true;
  29.     }
  30.   });
  31.   $('#three').click(function () {
  32.     if (state1){
  33.       $('#pthree').slideToggle(500);
  34.       $('#three').addClass("ajuste2");
  35.       state1 = false;
  36.     } else{
  37.       $('#pthree').slideUp(500);
  38.       $('#three').removeClass("ajuste2");
  39.       state1=true;
  40.     }
  41.   });
  42.   $('#four').click(function () {
  43.     if (state1){
  44.       $('#pfour').slideToggle(500);
  45.       $('#four').addClass("posicionNueva2");
  46.       state1 = false;
  47.     } else{
  48.       $('#pfour').slideUp(500);
  49.       $('#four').removeClass("posicionNueva2");
  50.       state1=true;
  51.     }
  52.   });
  53.   $('#five').click(function () {
  54.     if (state1){
  55.       $('#pfive').slideToggle(500);
  56.       $('#five').addClass("ajuste3");
  57.       state1 = false;
  58.     } else{
  59.       $('#pfive').slideUp(500);
  60.       $('#five').removeClass("ajuste3");
  61.       state1=true;
  62.     }
  63.   });
  64.   $('#six').click(function () {
  65.     if (state1){
  66.       $('#psix').slideToggle(500);
  67.       $('#six').addClass("ajuste4");
  68.       state1 = false;
  69.     } else{
  70.       $('#psix').slideUp(500);
  71.       $('#six').removeClass("ajuste4");
  72.       state1=true;
  73.     }
  74.   });
  75. });
Advertisement
Add Comment
Please, Sign In to add comment