几天前，我问了一个有关我遇到问题的show / hide div脚本的问题。
测试了所有解决方案，似乎没有什么可以在我的网站上工作（它们全部都在我需要的地方摆弄或摆在网站的不同区域中）。问题是在show / hide div里面我有一个滑块。有4个标签，每个标签显示一个不同的滑块。我最好的猜测是，出现此问题是因为滑块和显示/隐藏都使用相同的display：none，更改了滑块的内容。
这是我目前用于显示/隐藏的JS：
window.addEventListener("hashchange", function () {
var targetDiv = $(location.hash);
if (!targetDiv.is(':visible')) {
$('.page1').slideUp();
targetDiv.slideDown();
} else {
$('.page1').slideUp();
}
}, false);
我使用的滑块称为Flickity，它的链接是；https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.0/flickity.pkgd.js
实时网站的链接是：http : //theworkshop.ro/astra3/
这是show / hide的小提琴：http : //jsfiddle.net/s9cxjrmf/（目前，.page css已注释为显示所有4个show滑块，如果我在小提琴中不添加显示，那是行不通的而且，它仅显示滑块的箭头，不显示其内容）
问题出在网站的“工作”部分。
我奋斗了几天，知道如何解决这个问题吗？
尝试使用此代码，它将把所有div隐藏在#work_box内，并再次显示第一个以这种方式运行的脚本，用于隐藏和显示div将起作用，希望这会对您有所帮助。
$( document ).ready(function() {
$( "#work_box div" ).each(function() {
$( this ).css( "display", "none" );
});
$( "#work_box div" ).first().css( "display", "block" );
$('#work_box div').first().find(':hidden').each(function(){
$(this).show();
});
});
这适用于第一个div，您需要重复此操作。
$('#work_box div').first().find(':hidden').each(function(){
$(this).show();
});
当用户单击其他链接（例如电影，电视节目等）时，用于其他div
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句