切换功能Javascript

我试图做一个切换，当点击与“openclose（j）”功能的对象时，两个类之间切换。我试图让脚本只removeClass（“箭头向下”），它工作正常，但它不会addClass（“向上箭头”）。这实在是烦人应对:)切换功能Javascript

function openclose(j){ 
     if(jQuery('#div_'+j).hasClass("arrow-down")) { 
      jQuery('#div_'+j).removeClass("arrow-down").addClass("arrow-up"); 
     } 
     if (jQuery('#div_'+j).hasClass("arrow-up")) { 
      jQuery('#div_'+j).removeClass("arrow-up").addClass("arrow-down"); 
     } 

     jQuery('#collaps_'+j).toggle(
      function() { 

      } 
     ); 
    }

任何帮助是非常赞赏，

问候，马蒂亚斯

来源

2012-02-21 Mathias Fyrst Jakobsen

作为一个侧面说明，你应该考虑使用[toggleClass（http://api.jquery.com/toggleClass/） :) – soniiic 2012-02-21 12:06:48

使用其他 if语句...

function openclose(j){ 
    if(jQuery('#div_'+j).hasClass("arrow-down")) { 
     jQuery('#div_'+j).removeClass("arrow-down").addClass("arrow-up"); 
    } 
    else if (jQuery('#div_'+j).hasClass("arrow-up")) { 
     jQuery('#div_'+j).removeClass("arrow-up").addClass("arrow-down"); 
    } 

    jQuery('#collaps_'+j).toggle(
     function() { 

     } 
    ); 
}

问题在于，您在添加它后立即删除“向上箭头”类！

或者，您可以考虑使用toggleClass JQuery函数。

来源

2012-02-21 12:03:17 musefan

jQuery有一个'toggleClass（）'函数。 – 2012-02-21 12:05:56

为什么不使用.toggleClass()？

jQuery('#div_'+j).toggleClass("arrow-down").toggleClass("arrow-up");

来源

2012-02-21 12:03:48 sinsedrix

你可以使用toggleClass()这确实您所需要的：

function openclose(j){ 
    jQuery('#div_'+j).toggleClass("arrow-down").toggleClass("arrow-up"); 
}

来源

2012-02-21 12:04:01

太棒了！这有助于完美！ – 2012-02-21 12:06:31

@Mathias你应该接受答案。 – fuzz 2012-02-21 12:10:58

切换功能Javascript

回答

相关问题