Скрытие списка влияет на отображение слайдера — как это обойти?

Question

[ligisayan]

Всем привет! При динамическом пополнении списка ul также динамически наполняется слайды карусели теми же данными. Т.к. инфа дублируется, мне нужно скрыть список и оставить видимым слайдер. Но проблема в том, что если задаю списку или элементам display:none, то скрываются и слайдеры - как можно обойти этой момент?

<div class="col-md-10">
  <h3>ДОБАВЛЕННЫЕ</h3>
  <div id="foot-carousel" class="owl-carousel" style="opacity: 0;">
    <div>Корзина пуста.</div>
    <div>
      <a href="#">
        <img width="60" height="60" src="#" class="attachment-60x60 wp-post-image" alt="top-item-3">
      </a>
      <div class="product-text">
        <div class="product-name">Сибарис с картошкой</div>
      </div>
      <span class="cart-quantity">
	<a href="#" class="remove-item" title="Удалить эту позицию">remove</a>						</span>

    </div>
    <div>

      <a href="#">
        <img width="60" height="60" src="#" class="attachment-60x60 wp-post-image" alt="top-item-2">
      </a>

      <div class="product-text">
        <div class="product-name">Пицца вегетарианская</div>
      </div>

      <span class="cart-quantity">
							<a href="#" class="remove-item" title="Удалить эту позицию">remove</a>						</span>

    </div>
  </div>
  <div class="widget_shopping_cart_content">

    <ul class="cart_list product_list_widget ">


      <li>

        <a href="#">
          <img width="60" height="60" src="#" class="attachment-60x60 wp-post-image" alt="top-item-3">
        </a>

        <div class="product-text">
          <div class="product-name">Сибарис с картошкой</div>
        </div>

        <span class="cart-quantity">
							<a href="#" class="remove-item" title="Удалить эту позицию">remove</a>						</span>

      </li>
      <li>

        <a href="#">
          <img width="60" height="60" src="#" class="attachment-60x60 wp-post-image" alt="top-item-2">
        </a>

        <div class="product-text">
          <div class="product-name">Пицца вегетарианская</div>

        </div>

        <span class="cart-quantity">
							<a href="#" class="remove-item" title="Удалить эту позицию">remove</a>						</span>

      </li>
      <li>

        <a href="#">
          <img width="60" height="60" src="#" class="attachment-60x60 wp-post-image" alt="top-item-1">
        </a>

        <div class="product-text">
          <div class="product-name">Шашлык из мяса</div>


          <span class="cart-quantity">
							<a href="#" class="remove-item" title="Удалить эту позицию">remove</a>						</span>

      </li>


    </ul>

    </div>
  </div>

$(".add_to_cart_button").click(function() {
  $('#foot-carousel').append('<div>' + $('.cart_list li:last').html() + '</div>');
  $(".fixed-bottom").show().fadeTo("slow");
});

Answer 1

[Александр Гамов]

Код обрамите в тэг.
Без информации, могу только посоветовать перебить свойство display для слайдера. Что-то типа этого.

ul {
display: none;
}
#carousel{
display: block !important;
}