Creating an expand collapse application using Jquery





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







0















Hello I am fairly new to Jquery. Im working on creating an expand collapse application that when a read more button is clicked another paragraph is shown. Ive managed to get the top "read more" button to work but the issue is that the two other ones don't seem to even though they use the same id tags as the first. Any help getting those to work would be appreciated! Here is my code






$(document).ready(function() {
$("#toggle").click(function() {
var elem = $("#toggle").text();
if (elem == "Show More") {
$("#toggle").text("Show Less");
$("#hide").slideDown();
} else {
$("#toggle").text("Show More");
$("#hide").slideUp();
}
});
});

* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 87.5%;
width: 650px;
margin: 0 auto;
padding: 15px 25px;
border: 3px solid blue;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 120%;
padding: .25em 0 .25em 25px;
}
#hide {
display: none;
}
ul {
padding-left: 45px;
}
li {
padding-bottom: .4em;
}
p, a {
padding-bottom: .4em;
padding-left: 25px;
}
a, a:focus, a:hover {
color: blue;
}

!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Expand/Collapse</title>
<link rel="stylesheet" href="main.css">
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="subset_expansion.js"></script>
</head>

<body>
<main id="jdom">
<h1>Murach's JavaScript and DOM Scripting</h1>
<h2>Book description</h2>
<div>
<p>You can read other JavaScript books from start to finish and still not
know how to develop dynamic websites like you want to. That's because
it's DOM scripting that lets you do things like run slide shows, handle image
rollovers, rotate headlines, provide animation, and more. And it's a subject
that's glossed over or ignored in most other books.</p>
</div>
<div id="hide">
<p>But now, you can go from JavaScript beginner to DOM scripting expert in a
single book! Fast-paced, professional, and packed with expert practices, our
new JavaScript book guides you through each step as you learn how to program
sites that enhance the user experience and ensure browser compatibility.</p>
</div>
<a href="#" id="toggle">Show More</a>

<h2>About the author</h2>
<div>
<p>Ray Harris is an expert JavaScript programmer. That will be obvious to you
as soon as you review the 20 complete applications that he presents in this
book.</p>
</div>
<div id="hide">
<p>Ray Harris is much more than a JavaScript programmer. He has a Master's degree
in Computer Science and Artificial Intelligence. He worked on advanced
research projects at the Air Force Research Lab while he was in the USAF.
He taught information security and web development at the College of
Technology in Raleigh, North Carolina. In fact, Ray has been programming
and teaching since he was 12 years old.</p>
<p>So when Ray said he wanted to write for us, it didn't take us long to hire
him. Not only did he have the technical skills that we were looking for,
but his previous writings showed that he had an uncommon ability to think,
write, and teach.</p>
</div>
<a href="#" id="toggle">Show More</a>

<h2>Who this book is for</h2>
<div>
<p>Due to our unique presentation methods and this book's modular organization,
this is the right book for any web developer who wants to use JavaScript effectively.</p>
</div>
<div id="hide">
<p>Here's just a partial list of who can use this book:</p>
<ul>
<li>Web developers who know HTML and CSS and are ready to master JavaScript.</li>
<li>Web developers who program in ASP.NET, JSP, or PHP on the server side and
now want to master client-side coding.</li>
<li>Web developers who have already read 3 or 4 JavaScript or DOM scripting books
but still don't know how to do the type of DOM scripting that's required in
real-world applications</li>
</ul>
</div>
<a href="#" id="toggle">Show More</a>

</main>
</body>
</html>












share|improve this question





























    0















    Hello I am fairly new to Jquery. Im working on creating an expand collapse application that when a read more button is clicked another paragraph is shown. Ive managed to get the top "read more" button to work but the issue is that the two other ones don't seem to even though they use the same id tags as the first. Any help getting those to work would be appreciated! Here is my code






    $(document).ready(function() {
    $("#toggle").click(function() {
    var elem = $("#toggle").text();
    if (elem == "Show More") {
    $("#toggle").text("Show Less");
    $("#hide").slideDown();
    } else {
    $("#toggle").text("Show More");
    $("#hide").slideUp();
    }
    });
    });

    * {
    margin: 0;
    padding: 0;
    }
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    width: 650px;
    margin: 0 auto;
    padding: 15px 25px;
    border: 3px solid blue;
    }
    h1 {
    font-size: 150%;
    }
    h2 {
    font-size: 120%;
    padding: .25em 0 .25em 25px;
    }
    #hide {
    display: none;
    }
    ul {
    padding-left: 45px;
    }
    li {
    padding-bottom: .4em;
    }
    p, a {
    padding-bottom: .4em;
    padding-left: 25px;
    }
    a, a:focus, a:hover {
    color: blue;
    }

    !DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Expand/Collapse</title>
    <link rel="stylesheet" href="main.css">
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="subset_expansion.js"></script>
    </head>

    <body>
    <main id="jdom">
    <h1>Murach's JavaScript and DOM Scripting</h1>
    <h2>Book description</h2>
    <div>
    <p>You can read other JavaScript books from start to finish and still not
    know how to develop dynamic websites like you want to. That's because
    it's DOM scripting that lets you do things like run slide shows, handle image
    rollovers, rotate headlines, provide animation, and more. And it's a subject
    that's glossed over or ignored in most other books.</p>
    </div>
    <div id="hide">
    <p>But now, you can go from JavaScript beginner to DOM scripting expert in a
    single book! Fast-paced, professional, and packed with expert practices, our
    new JavaScript book guides you through each step as you learn how to program
    sites that enhance the user experience and ensure browser compatibility.</p>
    </div>
    <a href="#" id="toggle">Show More</a>

    <h2>About the author</h2>
    <div>
    <p>Ray Harris is an expert JavaScript programmer. That will be obvious to you
    as soon as you review the 20 complete applications that he presents in this
    book.</p>
    </div>
    <div id="hide">
    <p>Ray Harris is much more than a JavaScript programmer. He has a Master's degree
    in Computer Science and Artificial Intelligence. He worked on advanced
    research projects at the Air Force Research Lab while he was in the USAF.
    He taught information security and web development at the College of
    Technology in Raleigh, North Carolina. In fact, Ray has been programming
    and teaching since he was 12 years old.</p>
    <p>So when Ray said he wanted to write for us, it didn't take us long to hire
    him. Not only did he have the technical skills that we were looking for,
    but his previous writings showed that he had an uncommon ability to think,
    write, and teach.</p>
    </div>
    <a href="#" id="toggle">Show More</a>

    <h2>Who this book is for</h2>
    <div>
    <p>Due to our unique presentation methods and this book's modular organization,
    this is the right book for any web developer who wants to use JavaScript effectively.</p>
    </div>
    <div id="hide">
    <p>Here's just a partial list of who can use this book:</p>
    <ul>
    <li>Web developers who know HTML and CSS and are ready to master JavaScript.</li>
    <li>Web developers who program in ASP.NET, JSP, or PHP on the server side and
    now want to master client-side coding.</li>
    <li>Web developers who have already read 3 or 4 JavaScript or DOM scripting books
    but still don't know how to do the type of DOM scripting that's required in
    real-world applications</li>
    </ul>
    </div>
    <a href="#" id="toggle">Show More</a>

    </main>
    </body>
    </html>












    share|improve this question

























      0












      0








      0








      Hello I am fairly new to Jquery. Im working on creating an expand collapse application that when a read more button is clicked another paragraph is shown. Ive managed to get the top "read more" button to work but the issue is that the two other ones don't seem to even though they use the same id tags as the first. Any help getting those to work would be appreciated! Here is my code






      $(document).ready(function() {
      $("#toggle").click(function() {
      var elem = $("#toggle").text();
      if (elem == "Show More") {
      $("#toggle").text("Show Less");
      $("#hide").slideDown();
      } else {
      $("#toggle").text("Show More");
      $("#hide").slideUp();
      }
      });
      });

      * {
      margin: 0;
      padding: 0;
      }
      body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 87.5%;
      width: 650px;
      margin: 0 auto;
      padding: 15px 25px;
      border: 3px solid blue;
      }
      h1 {
      font-size: 150%;
      }
      h2 {
      font-size: 120%;
      padding: .25em 0 .25em 25px;
      }
      #hide {
      display: none;
      }
      ul {
      padding-left: 45px;
      }
      li {
      padding-bottom: .4em;
      }
      p, a {
      padding-bottom: .4em;
      padding-left: 25px;
      }
      a, a:focus, a:hover {
      color: blue;
      }

      !DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title>Expand/Collapse</title>
      <link rel="stylesheet" href="main.css">
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="subset_expansion.js"></script>
      </head>

      <body>
      <main id="jdom">
      <h1>Murach's JavaScript and DOM Scripting</h1>
      <h2>Book description</h2>
      <div>
      <p>You can read other JavaScript books from start to finish and still not
      know how to develop dynamic websites like you want to. That's because
      it's DOM scripting that lets you do things like run slide shows, handle image
      rollovers, rotate headlines, provide animation, and more. And it's a subject
      that's glossed over or ignored in most other books.</p>
      </div>
      <div id="hide">
      <p>But now, you can go from JavaScript beginner to DOM scripting expert in a
      single book! Fast-paced, professional, and packed with expert practices, our
      new JavaScript book guides you through each step as you learn how to program
      sites that enhance the user experience and ensure browser compatibility.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>About the author</h2>
      <div>
      <p>Ray Harris is an expert JavaScript programmer. That will be obvious to you
      as soon as you review the 20 complete applications that he presents in this
      book.</p>
      </div>
      <div id="hide">
      <p>Ray Harris is much more than a JavaScript programmer. He has a Master's degree
      in Computer Science and Artificial Intelligence. He worked on advanced
      research projects at the Air Force Research Lab while he was in the USAF.
      He taught information security and web development at the College of
      Technology in Raleigh, North Carolina. In fact, Ray has been programming
      and teaching since he was 12 years old.</p>
      <p>So when Ray said he wanted to write for us, it didn't take us long to hire
      him. Not only did he have the technical skills that we were looking for,
      but his previous writings showed that he had an uncommon ability to think,
      write, and teach.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>Who this book is for</h2>
      <div>
      <p>Due to our unique presentation methods and this book's modular organization,
      this is the right book for any web developer who wants to use JavaScript effectively.</p>
      </div>
      <div id="hide">
      <p>Here's just a partial list of who can use this book:</p>
      <ul>
      <li>Web developers who know HTML and CSS and are ready to master JavaScript.</li>
      <li>Web developers who program in ASP.NET, JSP, or PHP on the server side and
      now want to master client-side coding.</li>
      <li>Web developers who have already read 3 or 4 JavaScript or DOM scripting books
      but still don't know how to do the type of DOM scripting that's required in
      real-world applications</li>
      </ul>
      </div>
      <a href="#" id="toggle">Show More</a>

      </main>
      </body>
      </html>












      share|improve this question














      Hello I am fairly new to Jquery. Im working on creating an expand collapse application that when a read more button is clicked another paragraph is shown. Ive managed to get the top "read more" button to work but the issue is that the two other ones don't seem to even though they use the same id tags as the first. Any help getting those to work would be appreciated! Here is my code






      $(document).ready(function() {
      $("#toggle").click(function() {
      var elem = $("#toggle").text();
      if (elem == "Show More") {
      $("#toggle").text("Show Less");
      $("#hide").slideDown();
      } else {
      $("#toggle").text("Show More");
      $("#hide").slideUp();
      }
      });
      });

      * {
      margin: 0;
      padding: 0;
      }
      body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 87.5%;
      width: 650px;
      margin: 0 auto;
      padding: 15px 25px;
      border: 3px solid blue;
      }
      h1 {
      font-size: 150%;
      }
      h2 {
      font-size: 120%;
      padding: .25em 0 .25em 25px;
      }
      #hide {
      display: none;
      }
      ul {
      padding-left: 45px;
      }
      li {
      padding-bottom: .4em;
      }
      p, a {
      padding-bottom: .4em;
      padding-left: 25px;
      }
      a, a:focus, a:hover {
      color: blue;
      }

      !DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title>Expand/Collapse</title>
      <link rel="stylesheet" href="main.css">
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="subset_expansion.js"></script>
      </head>

      <body>
      <main id="jdom">
      <h1>Murach's JavaScript and DOM Scripting</h1>
      <h2>Book description</h2>
      <div>
      <p>You can read other JavaScript books from start to finish and still not
      know how to develop dynamic websites like you want to. That's because
      it's DOM scripting that lets you do things like run slide shows, handle image
      rollovers, rotate headlines, provide animation, and more. And it's a subject
      that's glossed over or ignored in most other books.</p>
      </div>
      <div id="hide">
      <p>But now, you can go from JavaScript beginner to DOM scripting expert in a
      single book! Fast-paced, professional, and packed with expert practices, our
      new JavaScript book guides you through each step as you learn how to program
      sites that enhance the user experience and ensure browser compatibility.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>About the author</h2>
      <div>
      <p>Ray Harris is an expert JavaScript programmer. That will be obvious to you
      as soon as you review the 20 complete applications that he presents in this
      book.</p>
      </div>
      <div id="hide">
      <p>Ray Harris is much more than a JavaScript programmer. He has a Master's degree
      in Computer Science and Artificial Intelligence. He worked on advanced
      research projects at the Air Force Research Lab while he was in the USAF.
      He taught information security and web development at the College of
      Technology in Raleigh, North Carolina. In fact, Ray has been programming
      and teaching since he was 12 years old.</p>
      <p>So when Ray said he wanted to write for us, it didn't take us long to hire
      him. Not only did he have the technical skills that we were looking for,
      but his previous writings showed that he had an uncommon ability to think,
      write, and teach.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>Who this book is for</h2>
      <div>
      <p>Due to our unique presentation methods and this book's modular organization,
      this is the right book for any web developer who wants to use JavaScript effectively.</p>
      </div>
      <div id="hide">
      <p>Here's just a partial list of who can use this book:</p>
      <ul>
      <li>Web developers who know HTML and CSS and are ready to master JavaScript.</li>
      <li>Web developers who program in ASP.NET, JSP, or PHP on the server side and
      now want to master client-side coding.</li>
      <li>Web developers who have already read 3 or 4 JavaScript or DOM scripting books
      but still don't know how to do the type of DOM scripting that's required in
      real-world applications</li>
      </ul>
      </div>
      <a href="#" id="toggle">Show More</a>

      </main>
      </body>
      </html>








      $(document).ready(function() {
      $("#toggle").click(function() {
      var elem = $("#toggle").text();
      if (elem == "Show More") {
      $("#toggle").text("Show Less");
      $("#hide").slideDown();
      } else {
      $("#toggle").text("Show More");
      $("#hide").slideUp();
      }
      });
      });

      * {
      margin: 0;
      padding: 0;
      }
      body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 87.5%;
      width: 650px;
      margin: 0 auto;
      padding: 15px 25px;
      border: 3px solid blue;
      }
      h1 {
      font-size: 150%;
      }
      h2 {
      font-size: 120%;
      padding: .25em 0 .25em 25px;
      }
      #hide {
      display: none;
      }
      ul {
      padding-left: 45px;
      }
      li {
      padding-bottom: .4em;
      }
      p, a {
      padding-bottom: .4em;
      padding-left: 25px;
      }
      a, a:focus, a:hover {
      color: blue;
      }

      !DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title>Expand/Collapse</title>
      <link rel="stylesheet" href="main.css">
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="subset_expansion.js"></script>
      </head>

      <body>
      <main id="jdom">
      <h1>Murach's JavaScript and DOM Scripting</h1>
      <h2>Book description</h2>
      <div>
      <p>You can read other JavaScript books from start to finish and still not
      know how to develop dynamic websites like you want to. That's because
      it's DOM scripting that lets you do things like run slide shows, handle image
      rollovers, rotate headlines, provide animation, and more. And it's a subject
      that's glossed over or ignored in most other books.</p>
      </div>
      <div id="hide">
      <p>But now, you can go from JavaScript beginner to DOM scripting expert in a
      single book! Fast-paced, professional, and packed with expert practices, our
      new JavaScript book guides you through each step as you learn how to program
      sites that enhance the user experience and ensure browser compatibility.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>About the author</h2>
      <div>
      <p>Ray Harris is an expert JavaScript programmer. That will be obvious to you
      as soon as you review the 20 complete applications that he presents in this
      book.</p>
      </div>
      <div id="hide">
      <p>Ray Harris is much more than a JavaScript programmer. He has a Master's degree
      in Computer Science and Artificial Intelligence. He worked on advanced
      research projects at the Air Force Research Lab while he was in the USAF.
      He taught information security and web development at the College of
      Technology in Raleigh, North Carolina. In fact, Ray has been programming
      and teaching since he was 12 years old.</p>
      <p>So when Ray said he wanted to write for us, it didn't take us long to hire
      him. Not only did he have the technical skills that we were looking for,
      but his previous writings showed that he had an uncommon ability to think,
      write, and teach.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>Who this book is for</h2>
      <div>
      <p>Due to our unique presentation methods and this book's modular organization,
      this is the right book for any web developer who wants to use JavaScript effectively.</p>
      </div>
      <div id="hide">
      <p>Here's just a partial list of who can use this book:</p>
      <ul>
      <li>Web developers who know HTML and CSS and are ready to master JavaScript.</li>
      <li>Web developers who program in ASP.NET, JSP, or PHP on the server side and
      now want to master client-side coding.</li>
      <li>Web developers who have already read 3 or 4 JavaScript or DOM scripting books
      but still don't know how to do the type of DOM scripting that's required in
      real-world applications</li>
      </ul>
      </div>
      <a href="#" id="toggle">Show More</a>

      </main>
      </body>
      </html>





      $(document).ready(function() {
      $("#toggle").click(function() {
      var elem = $("#toggle").text();
      if (elem == "Show More") {
      $("#toggle").text("Show Less");
      $("#hide").slideDown();
      } else {
      $("#toggle").text("Show More");
      $("#hide").slideUp();
      }
      });
      });

      * {
      margin: 0;
      padding: 0;
      }
      body {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 87.5%;
      width: 650px;
      margin: 0 auto;
      padding: 15px 25px;
      border: 3px solid blue;
      }
      h1 {
      font-size: 150%;
      }
      h2 {
      font-size: 120%;
      padding: .25em 0 .25em 25px;
      }
      #hide {
      display: none;
      }
      ul {
      padding-left: 45px;
      }
      li {
      padding-bottom: .4em;
      }
      p, a {
      padding-bottom: .4em;
      padding-left: 25px;
      }
      a, a:focus, a:hover {
      color: blue;
      }

      !DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title>Expand/Collapse</title>
      <link rel="stylesheet" href="main.css">
      <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
      <script src="subset_expansion.js"></script>
      </head>

      <body>
      <main id="jdom">
      <h1>Murach's JavaScript and DOM Scripting</h1>
      <h2>Book description</h2>
      <div>
      <p>You can read other JavaScript books from start to finish and still not
      know how to develop dynamic websites like you want to. That's because
      it's DOM scripting that lets you do things like run slide shows, handle image
      rollovers, rotate headlines, provide animation, and more. And it's a subject
      that's glossed over or ignored in most other books.</p>
      </div>
      <div id="hide">
      <p>But now, you can go from JavaScript beginner to DOM scripting expert in a
      single book! Fast-paced, professional, and packed with expert practices, our
      new JavaScript book guides you through each step as you learn how to program
      sites that enhance the user experience and ensure browser compatibility.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>About the author</h2>
      <div>
      <p>Ray Harris is an expert JavaScript programmer. That will be obvious to you
      as soon as you review the 20 complete applications that he presents in this
      book.</p>
      </div>
      <div id="hide">
      <p>Ray Harris is much more than a JavaScript programmer. He has a Master's degree
      in Computer Science and Artificial Intelligence. He worked on advanced
      research projects at the Air Force Research Lab while he was in the USAF.
      He taught information security and web development at the College of
      Technology in Raleigh, North Carolina. In fact, Ray has been programming
      and teaching since he was 12 years old.</p>
      <p>So when Ray said he wanted to write for us, it didn't take us long to hire
      him. Not only did he have the technical skills that we were looking for,
      but his previous writings showed that he had an uncommon ability to think,
      write, and teach.</p>
      </div>
      <a href="#" id="toggle">Show More</a>

      <h2>Who this book is for</h2>
      <div>
      <p>Due to our unique presentation methods and this book's modular organization,
      this is the right book for any web developer who wants to use JavaScript effectively.</p>
      </div>
      <div id="hide">
      <p>Here's just a partial list of who can use this book:</p>
      <ul>
      <li>Web developers who know HTML and CSS and are ready to master JavaScript.</li>
      <li>Web developers who program in ASP.NET, JSP, or PHP on the server side and
      now want to master client-side coding.</li>
      <li>Web developers who have already read 3 or 4 JavaScript or DOM scripting books
      but still don't know how to do the type of DOM scripting that's required in
      real-world applications</li>
      </ul>
      </div>
      <a href="#" id="toggle">Show More</a>

      </main>
      </body>
      </html>






      jquery






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 23 '18 at 23:42









      Serafin OrdunaSerafin Orduna

      12




      12
























          0






          active

          oldest

          votes












          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53453949%2fcreating-an-expand-collapse-application-using-jquery%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53453949%2fcreating-an-expand-collapse-application-using-jquery%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          這個網誌中的熱門文章

          Xamarin.form Move up view when keyboard appear

          Post-Redirect-Get with Spring WebFlux and Thymeleaf

          Anylogic : not able to use stopDelay()