Flexslider标题切换不会保持隐藏状态

Question

我有一个关于为Flexslider幻灯片打开和关闭标题的问题。

标题开始隐藏，我有一个“描述”按钮，可以单击以打开和关闭标题。

标题隐藏工作正常，但是，一旦标题被切换，当再次单击“描述”并保留在后续幻灯片上时标题不会消失。它可以在当前幻灯片上切换，但会在下一个幻灯片上重新显示。

我试着到处寻找解决方案，但我不知所措！

我的Jquery：

$(".slideinfo").hide();

$(".description").click(function(){
    $(".slideinfo").fadeToggle(1000);   
});

$(window).load(function() {
    $('.flexslider').flexslider({
    keyboard: true,
    animation: "fade",
    slideshow: true,
    slideshowSpeed: 3000,
    animationSpeed: 1000,
    touch: true,
    video: false,
    controlNav: false,
    directionNav: true,
    controlsContainer: ".pager",  
});

以下是发生问题的示例：link