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

Question

我隐藏一个div，直到通过这个脚本点击一个按钮：

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

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

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

这是一个小提琴。请注意，我不能让二十多岁的人在这里工作，我不知道为什么。它在我的本地主机上工作，但我只想展示一下我是如何构造这个结构的。

Answer 1

首先，不要用css隐藏'#yalecontent‘div。

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

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

试试这个，也许能解决你的问题。