Question

嗨，我的所有合作开发者，

我有使用此功能的错误。

＆＃13;

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

＆＃13;

   <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>

＆＃13;

问题：当我点击阿拉伯语按钮时没有隐藏或切换到英语按钮。

提前谢谢。

Answer 1

使用切换运行代码。

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>

Answer 2

以下是代码：

＆＃13;

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

＆＃13;

<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>

＆＃13;

return false;失踪了。

Answer 3

使用以下代码

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

    });

link toggle fiddle

单击使用jquery后隐藏和显示按钮

3 个答案: