javascript - 隐藏和显示2个轮播时，jquery.flipster不显示

我正在尝试使用jquery.flipster将两个旋转木马合并到我的web应用程序中：https://github.com/drien/jquery-flipster
但是我每次只想展示一个旋转木马。当我单击一个标记以隐藏第一个标记并显示第二个标记时，第二个标记不会出现。检查Firefox中的元素，我可以看到隐藏/显示时<ul>下面的class="flipster"没有给定高度或宽度：
HTML格式：

<div class="carousel-1">
    <h2>Carousel 1</h2>
    <div class="flipster">
      <ul>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
      </ul>
    </div>
  </div>


  <p class="show-carousel-2">Click Me to toggle both carousels</p>


  <div class="carousel-2">
    <h2>Carousel 2</h2>
    <div class="flipster">
      <ul>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
        <li><img src="http://placehold.it/200x200" alt="" /></li>
      </ul>
    </div>
  </div>

脚本：

<script>
    $(function() {
      $(".flipster").flipster({
        style: 'carousel',
        enableNav: false,
        enableNavButtons: true,
        start: 0
      });
    });

    $(document).ready(function(){

      $(".carousel-2").hide();

      $( ".show-carousel-2" ).click(function() {
        $( ".carousel-1" ).toggle( "slow" );
        $( ".carousel-2" ).toggle( "slow" );
      });

    });
  </script>

普朗克：http://plnkr.co/edit/mqclzHJ1lLZCgr4j23AR?p=preview
我甚至尝试过通过以下方式强制设置高度和宽度：

$( ".js-inject-carousel-css" ).css({"height": "176px !important", "width": "140px !important"});

将class js-inject-carousel-css添加到<ul>时
还是不走运

最佳答案

我发现了问题并解决了这个问题。
而不是：

$( ".js-inject-carousel-css" ).css({"height": "176px !important", "width": "140px !important"});

我用过：

$( ".js-inject-carousel-css" ).css({"height": "176px", "width": "140px"});

实际上，我删除了!important。这是在停止jQuery插入CSS值。