Javascript 更改显示的<;李>;通过单击另一个对象
我想做一个简单的信息板,通过点击箭头来改变信息 代码: 我还试图在隐藏下一个对象之前找到它:Javascript 更改显示的<;李>;通过单击另一个对象,javascript,jquery,Javascript,Jquery,我想做一个简单的信息板,通过点击箭头来改变信息 代码: 我还试图在隐藏下一个对象之前找到它: var nextone = $('.kamiennumberone').next(li); $('.kamiennumberone').toggle(); $(nextone).toggle(); 但它不起作用。如果我把下一个目标藏起来,我怎么才能到达它?在这行: $('.kamiennumberone').next(li).toggle(); li是一个变量名。您打算使用字符串: $('.kami
var nextone = $('.kamiennumberone').next(li);
$('.kamiennumberone').toggle();
$(nextone).toggle();
但它不起作用。如果我把下一个目标藏起来,我怎么才能到达它?在这行:
$('.kamiennumberone').next(li).toggle();
li
是一个变量名。您打算使用字符串:
$('.kamiennumberone').next('li').toggle();
如果要在整个列表中循环,则需要使用
.toggleClass()
而不是.toggle()
(以及一些额外的代码):
我想你的按钮有那个id
strzalkaprawa
?您使用的是什么版本的jQuery?(只是为了测试它)所以未选中的LIs被隐藏了还是什么?仍然不知道如何做:/$('strzalkaprawa')。单击(函数(){$('paseknr2').stop().animate({'left':“-=143”},1000);$a=$('kamiennumberone')。toggleClass('kamiennumberone');$b=$a.next('li');if(!$b.length){$b=$a.sibbs().first()}$b.toggleClass('kamiennumberone');});这段代码没有改变信息:/JSFIDLE中使用的CSS你看到了吗?我不得不假设您自己的代码中有一些类似的样式,但也许我错了。
$('.kamiennumberone').next(li).toggle();
$('.kamiennumberone').next('li').toggle();
$('#strzalkaprawa').click(function () {
$a = $('.kamiennumberone').toggleClass('kamiennumberone');
$b = $a.next('li');
if (!$b.length) { // we went past the end of the list
$b = $a.siblings().first();
}
$b.toggleClass('kamiennumberone');
});