jScrollPane внутри jQuery Accordion, работает, но невидим!

Question

Я использую следующие плагины.
JQuery аккордеон: http://jquery.bassistance.de/accordion/demo/
JScrollPane: // Нельзя размещать вторую гиперссылку

Оба работают правильно, но я не могу получить JScrollPane работать внутри аккордеона.

  <div class="basic" style="float:left;" id="list1a"> <!-- Accordion --> 
      <a><p class="text" style="font-size:18px; color:#848484;">&#187NEWS</p></a> 
      <div class="content"> 
       <div class="scroll-pane"> <!-- jScrollPane --> 
        <p style="font-size: 11px;"> 
         Lorem ipsum dolor sit amet etc... 
        </p> 
       </div> 
      </div> <!-- And a few other elements --> 

Когда я размещаю div.content за пределами аккордеона, он работает правильно. Но внутри аккордеона полоса прокрутки невидима. Он все еще там, я могу прокрутить его, я могу схватить его, но я не вижу его. Возможно, мне показалось, что мне пришлось повторно инициализировать scrollpane, когда аккордеон открывается снова после того, как он был закрыт, но он все еще работает правильно, поэтому теперь я предполагаю, что это проблема CSS? Я не очень разбираюсь в Javascript, но могу представить, что они как-то сталкиваются.

Спасибо за вашу помощь заранее!

Answer 1

Получил! Это действительно проблема CSS. Цвет фона аккордеона был установлен на белый, и как-то он перекрывал прокрутку. Теперь установите прозрачность, все будет хорошо!