2012-10-16 199 views
-1

我试图隐藏一个div并显示另一个单击按钮时。点击后该按钮需要更改类。需要Javascript函数帮助

我试图用toggleClasstoggleSlide来改变这些,但它没有奏效。现在我只是试图显示和隐藏div点击。它似乎以某种方式工作,但removeClass将无法​​正常工作。

有人可以明白什么是错的吗?还是有更好的方法来做到这一点?

也许我可以使用切换数组或其他东西,这简化了代码或点击次数(if count c++%2!=2),甚至不知道这是可能的。

$('div.more-lang').hide(); 
$('div.lang-arrow').click(function() { 
    $('div.lang-arrow').addClass('more'); 
    $('#lang').hide(''); 
    $('div.more-lang').show(''); 
}); 

$('div.lang-arrow.more').click(function() { 
    $('div.lang-arrow').removeClass('more'); 
    $('div.more-lang').hide(''); 
    $('#lang').show(''); 
}); 
+1

我想你应该看看toggleClass在jQuery的文档 –

+1

您可以创建一个小提琴? – Dev

+1

为什么你传递一个空字符串('''')到'.hide'和'.show'? –

回答

0

这应该工作:

$("div.lang-arrow").on('click', function() { 
    $(this).toggleClass("more"); 
    $("#lang").toggle(); 
}); 

http://jsfiddle.net/zmvQp/

+0

它的工作。谢谢!但是你能解释一下吗?“.on('click')和.onclick? –

+0

没有功能上的区别,''.click(函数('''''.on('click',function(。 .',我喜欢使用更多的字母,但放弃额外的函数调用 – st3inn