Hide and Show button after click using jquery

Question

Hi to all my co developer,

I Have a bug using this function.

function clickHandler() {
      $('#show').toggle('fast');
      $('#hide').toggle('fast');
  }

$(document).ready(function(){
       $('#show').hide();
        $('#hide').on('click', clickHandler);
});

   <li id="hide" ><a  href="switch_lang.php?lang=2">Arabic </a></li>
                              
   <li id="show" style="display:none;"><a href="switch_lang.php?lang=1">English  </a></li>

Problem: When I click the Arabic button did not hide or toggle to English button.

Thank you in advance.

Jquery referance may be missing.

Rüzgar
– Rüzgar

2017-05-18 12:11:38 +00:00
Commented May 18, 2017 at 12:11 — Rüzgar
– Rüzgar, Commented May 18, 2017 at 12:11

4b0 · Accepted Answer · 2017-05-18 12:12:40Z

1

Running code with toggle.

function clickHandler() {
  $('#show').toggle('fast');
  $('#hide').toggle('fast');
}
$(document).ready(function() {
  $('#show').hide();
  $('#hide,#show').on('click', clickHandler);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="hide"><a href="#">Arabic </a></li> // chage href to your real page

<li id="show" style="display:none;"><a href="#">English  </a></li>

answered May 18, 2017 at 12:12

4b0

22.4k30 gold badges97 silver badges143 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jobel Over a year ago

Did not work sir, I have a problem when it toggle to English button.

Asifuzzaman · Accepted Answer · 2017-05-18 12:32:46Z

0

use the below code

  function clickHandler() {
  $('#show').toggle('fast');
  $('#hide').toggle('fast');     
   }
   $(document).ready(function(){
   $('#show').hide();
   $('#hide').on('click', clickHandler);
   $('#show').on('click', clickHandler);

    });

link toggle fiddle

edited May 18, 2017 at 12:32

answered May 18, 2017 at 12:18

Asifuzzaman

1,7931 gold badge16 silver badges32 bronze badges

2 Comments

jobel Over a year ago

Did not work sir, there's an issue of toggle to englesh

jobel Over a year ago

I already fix the issue sir. There's a conflict to my java script. thanks a lot

Milan Chheda · Accepted Answer · 2017-05-18 12:25:08Z

0

Below is the code:

function clickHandler() {
      $('#show').toggle('fast');
      $('#hide').toggle('fast');
      return false;
  }

$(document).ready(function(){
       $('#show').hide();
        $('#hide, #show').on('click', clickHandler);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="hide" ><a  href="switch_lang.php?lang=2">Arabic </a></li>
                              
   <li id="show" style="display:none;"><a href="switch_lang.php?lang=1">English  </a></li>

return false; was missing.

edited May 18, 2017 at 12:25

answered May 18, 2017 at 12:11

Milan Chheda

8,2593 gold badges23 silver badges35 bronze badges

5 Comments

jobel Over a year ago

but there's no effect to my target link "href="switch_lang.php?lang=2"

jobel Over a year ago

how to fix that bug sir? that toggle to english and the target link is working.

Milan Chheda Over a year ago

What do you want to do with that target link?

jobel Over a year ago

when I click the arabic it toggle to english work fine but the target link did not take effect.

Milan Chheda Over a year ago

Still doesn't answer, what do you want to with that target link? Do you want to open than page when you click on the link? Do you want to change it?

Collectives™ on Stack Overflow

Hide and Show button after click using jquery

3 Answers 3

1 Comment

2 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related