Jquery click function for toggle is not working












1















I have a scenario,where footer must be collapsed based on device.Here,I used toggle class for collapse in mobile device,the toggle click is not working.



JavaScript code:



// Code goes here

$(function() {
$('.footer-links-holder h3').click(function () {
$(this).parent().toggleClass('active');
});
});


Plunker



Any help would be appreciated.
Thanks in Advance.










share|improve this question



























    1















    I have a scenario,where footer must be collapsed based on device.Here,I used toggle class for collapse in mobile device,the toggle click is not working.



    JavaScript code:



    // Code goes here

    $(function() {
    $('.footer-links-holder h3').click(function () {
    $(this).parent().toggleClass('active');
    });
    });


    Plunker



    Any help would be appreciated.
    Thanks in Advance.










    share|improve this question

























      1












      1








      1








      I have a scenario,where footer must be collapsed based on device.Here,I used toggle class for collapse in mobile device,the toggle click is not working.



      JavaScript code:



      // Code goes here

      $(function() {
      $('.footer-links-holder h3').click(function () {
      $(this).parent().toggleClass('active');
      });
      });


      Plunker



      Any help would be appreciated.
      Thanks in Advance.










      share|improve this question














      I have a scenario,where footer must be collapsed based on device.Here,I used toggle class for collapse in mobile device,the toggle click is not working.



      JavaScript code:



      // Code goes here

      $(function() {
      $('.footer-links-holder h3').click(function () {
      $(this).parent().toggleClass('active');
      });
      });


      Plunker



      Any help would be appreciated.
      Thanks in Advance.







      javascript jquery






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 20 '18 at 3:47









      pbsbrpbsbr

      1299




      1299
























          3 Answers
          3






          active

          oldest

          votes


















          0














          Just write your JS like this -



          $('.footer-links-holder h3').click(function () {
          $(this).parent().toggleClass('active');
          });


          Your updated Plunker






          share|improve this answer
























          • Is it possible to write toggle class with angularjs.

            – pbsbr
            Nov 20 '18 at 5:49











          • @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

            – Shubham Baranwal
            Nov 20 '18 at 6:10





















          0














          Batter practice is write code in ready function



          $(document).ready(function(){
          $('.footer-links-holder h3').click(function () {
          $(this).parent().toggleClass('active');
          });
          })





          share|improve this answer































            0














            $(function() {
            $('.footer-links-holder h3').off().click(function () {
            $(this).parent().toggleClass('active');
            });
            });





            share|improve this answer























              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%2f53385934%2fjquery-click-function-for-toggle-is-not-working%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              3 Answers
              3






              active

              oldest

              votes








              3 Answers
              3






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              0














              Just write your JS like this -



              $('.footer-links-holder h3').click(function () {
              $(this).parent().toggleClass('active');
              });


              Your updated Plunker






              share|improve this answer
























              • Is it possible to write toggle class with angularjs.

                – pbsbr
                Nov 20 '18 at 5:49











              • @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

                – Shubham Baranwal
                Nov 20 '18 at 6:10


















              0














              Just write your JS like this -



              $('.footer-links-holder h3').click(function () {
              $(this).parent().toggleClass('active');
              });


              Your updated Plunker






              share|improve this answer
























              • Is it possible to write toggle class with angularjs.

                – pbsbr
                Nov 20 '18 at 5:49











              • @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

                – Shubham Baranwal
                Nov 20 '18 at 6:10
















              0












              0








              0







              Just write your JS like this -



              $('.footer-links-holder h3').click(function () {
              $(this).parent().toggleClass('active');
              });


              Your updated Plunker






              share|improve this answer













              Just write your JS like this -



              $('.footer-links-holder h3').click(function () {
              $(this).parent().toggleClass('active');
              });


              Your updated Plunker







              share|improve this answer












              share|improve this answer



              share|improve this answer










              answered Nov 20 '18 at 3:52









              Shubham BaranwalShubham Baranwal

              1,1341915




              1,1341915













              • Is it possible to write toggle class with angularjs.

                – pbsbr
                Nov 20 '18 at 5:49











              • @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

                – Shubham Baranwal
                Nov 20 '18 at 6:10





















              • Is it possible to write toggle class with angularjs.

                – pbsbr
                Nov 20 '18 at 5:49











              • @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

                – Shubham Baranwal
                Nov 20 '18 at 6:10



















              Is it possible to write toggle class with angularjs.

              – pbsbr
              Nov 20 '18 at 5:49





              Is it possible to write toggle class with angularjs.

              – pbsbr
              Nov 20 '18 at 5:49













              @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

              – Shubham Baranwal
              Nov 20 '18 at 6:10







              @pbsbr Yes, you can writte toggleClass with angularJS please visit Stackoverflow to know more.

              – Shubham Baranwal
              Nov 20 '18 at 6:10















              0














              Batter practice is write code in ready function



              $(document).ready(function(){
              $('.footer-links-holder h3').click(function () {
              $(this).parent().toggleClass('active');
              });
              })





              share|improve this answer




























                0














                Batter practice is write code in ready function



                $(document).ready(function(){
                $('.footer-links-holder h3').click(function () {
                $(this).parent().toggleClass('active');
                });
                })





                share|improve this answer


























                  0












                  0








                  0







                  Batter practice is write code in ready function



                  $(document).ready(function(){
                  $('.footer-links-holder h3').click(function () {
                  $(this).parent().toggleClass('active');
                  });
                  })





                  share|improve this answer













                  Batter practice is write code in ready function



                  $(document).ready(function(){
                  $('.footer-links-holder h3').click(function () {
                  $(this).parent().toggleClass('active');
                  });
                  })






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 20 '18 at 3:55









                  Suresh SutharSuresh Suthar

                  537512




                  537512























                      0














                      $(function() {
                      $('.footer-links-holder h3').off().click(function () {
                      $(this).parent().toggleClass('active');
                      });
                      });





                      share|improve this answer




























                        0














                        $(function() {
                        $('.footer-links-holder h3').off().click(function () {
                        $(this).parent().toggleClass('active');
                        });
                        });





                        share|improve this answer


























                          0












                          0








                          0







                          $(function() {
                          $('.footer-links-holder h3').off().click(function () {
                          $(this).parent().toggleClass('active');
                          });
                          });





                          share|improve this answer













                          $(function() {
                          $('.footer-links-holder h3').off().click(function () {
                          $(this).parent().toggleClass('active');
                          });
                          });






                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Nov 20 '18 at 4:04









                          Darryl CeguerraDarryl Ceguerra

                          885




                          885






























                              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%2f53385934%2fjquery-click-function-for-toggle-is-not-working%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







                              Popular posts from this blog

                              android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

                              SQL update select statement

                              'app-layout' is not a known element: how to share Component with different Modules