通过点击显示div后启动TwentyTwenty.js

Question

我正在隐藏div，直到通过此脚本单击按钮：

  $(document).ready(
      function() {
          $(".openthis").click(function() {
               $("#yalecontent").show("slow");
          });
      });

但是我也在div中使用TwentyTwenty，在点击链接显示div之后，TwentyTwenty内容没有任何高度，所以它没有出现。我怎样才能让它出现？这是二十二岁的剧本：

  $(window).load(function() {
    $("#container1").twentytwenty();
  });

这是一个jsfiddle。请注意，我不能在这里工作二十二，我不知道为什么。它在我的本地主机上工作，但我只想展示我是如何制作这个结构的。

Answer 1

首先，不要隐藏＃yalecontent＆＃39; div by css。

$(document).ready(function() {
  $("#container1").twentytwenty();
  // hide here after twentytwenty load in this div.
  $("#yalecontent").hide("fast");

  $(".openthis").click(function() {
    $("#yalecontent").show("slow");
  });
});

尝试这个可能会解决您的问题。