jquery in infront of html content

Question

Так, как упоминается в названии, я сделал аккордеон, который показывает некоторый контент при нажатии, но скрывает боковое меню.

Here's a link to to an image that shows the problem.

Я пытался идти в CSS и добавление Z-индекс -1, и она работала, но потом аккордеон не кликабельны.

Я попытался добавить object.style.zIndex = "- 1" в java-скрипт, и это тоже не сработало, просто попробовал снести аккордеон и показал весь контент.

Я использую пользовательский интерфейс jquery с настраиваемой темой, и я добавил этот бит javascript в html-документе.

$(function() { 
$("#accordion").accordion({ 
    active:false, 
    collapsible: true 
}); 
}); 
$(function(){ 
$("#accordion").accordion({ 
    heightStyle:"fill" 
}); 
}); 
$(function(){ 
$("#accordion-resizer").resizable({ 
    minHeight: 140, 
    minWidth: 200, 
    resize: function() { 
    $("#accordion").accordion("refresh"); 
    } 
}); 
}); 

Это CSS я использую и незначительное изменение, которое я сделал, что работал, но не позволяет пользователю нажать на что-нибудь.

#accordion-resizer{ 
padding: 10px; 
width: 700px; 
height: auto; 
} 
.ui-widget-content{ 
    z-index:-1; 
} 

Как я уже упоминал ранее, я использую jqueryUI с пользовательской темой. Надеюсь это поможет. Заранее спасибо.

Answer 1

Как насчет:

.ui-widget-content{ 
    position: absolute; 
    z-index:-1; 
} 

Возможно позиционирование позволит Z-индекс для работы?