1

我有一个我正在开发的网站，它都是基于手风琴风格的幻灯片。问题是我使用的代码默认情况下不会关闭打开的幻灯片。我需要它，以便当您单击一张幻灯片时它会打开，然后当您单击另一张幻灯片时它会关闭第一张幻灯片，依此类推。我从页面发布了所有 JS，我可以添加什么以使其一次只允许打开一张幻灯片？

<script> 
if ($(this).scrollTop() > 100) {
$('#up').fadeIn();
} else {
$('#up').fadeOut();
}

$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('#up').fadeIn(); 
} else {
$('#up').fadeOut(); 
}
});

$('#up').click(function(){

$('html, body').animate({scrollTop:0}, 800);  
});
</script>

<!-- Menu -->
<script>    
$('.link').click(function() {

var link = $(this).attr('href');
$('html,body').animate({scrollTop: $(link).offset().top - 80}, 800);
});
</script>

<!-- Collapse Toogle -->
<script>      
$('.accordion-toggle').click(function() {

$('html,body').animate({scrollTop: $(this).offset().top - 105}, 800); 
});
4

2 回答 2

2

您可以更改单击项目的类别。

$('.accordion-toggle').click(function() {

    for (c=0;c<$('.collapse').length;c++){
        $("#"+$('.collapse')[c].id).collapse('hide');
    }

    $('html,body').animate({scrollTop: $(this).offset().top - 105}, 800);
});

因此，当您单击 a 时，.menu-item您可以获得全部.menu-item-clicked并将它们更改为关闭。

于 2013-09-26T11:29:27.250 回答
-1

jQueryUI有一些非常有用的小部件，包括手风琴。请使用它，而不是尝试重新创建行为。（除非您想了解它是如何工作的，否则为学习目的创建一些东西是有效的。但是您的问题应该指定这一点。）

于 2013-09-26T11:01:15.533 回答