Dúvida em criar lista com filtro

[aercio]

Bom dia Pessoal!!

Estou precisando montar a seguinte estrutura em ajax e não to conseguindo, na verdade, eu não sei nem pra onde vai...

Queria saber se alguém tem um exemplo ou poderia me ajudar.

Seguinte:

Tenho uma tabela no banco chama classificação, listo os dados dessa tabela em <li></li>

Ficando assim

|--------------|

| Opções |

|--------------|

Classificao 1

Classificao 2

Classificao 3

Classificao ...

Classificao N

|--------------|

|Sub-Opções|

|--------------|

Gostaria de saber como faço para quando tipo eu clicar em qualquer classificação eu fazer um filtro no banco de dados e retornar em <li></li> para a sub-opção. Estou usando acordion para separar as categorias.

Segue exemplo do que quero, só que no lugar de abrir outra página eu queria que carregasse opções para a opção de baixo.

Obrigado!

http://jqueryfordesigners.com/demo/plugin-slide-demo.html

[vini_loock]

(Com jquery)Algo assim:

// ao clicar no li
$('li').on('click', function(){
    var $li = $(this);
    
    // chama uma página php que retorne um ul > li
    $.ajax({
        url: 'pegaSubItems.php', // página php a ser chamada
        type: 'POST',
        data: {valor: $li.text()},
        onsuccess: function(response){
            $li.append(response);
        },
        onerror: function(e){
            console.log('error');
            console.log(e);
        }
    });
});

[aercio]

Opa amigo!

Brigadão Vou testar aqui e qualquer cosia volto a postar.