Exibir / Ocultar linhas de uma tabela

[Iacóbus de Cártago 0]

Bom dai!

 

Preciso criar uma tabela com 7 níveis de menus, ou seja.

 

LINHA 1

- Sublinha 1.1

- Sublinha 1.1.1

LINHA 2

- Sublinha 2.1

- Sublinha 2.1.1

LINHA3

- Sublinha 3.1

- Sublinha 3.1.1

 

Ao clicar em um button abre os niveis abaixo ou fecha.

 

Consegui usar Jquery para um nível somente, alguém já utilizou algo semelhante?

Meus IDs ficam por niveis (1, 1.1, 1.1.1 ...)

Se alguem puder ajudar agradeço.

 

[Ted k' 126]

Isso já ajuda:

 

http://jsfiddle.net/6jhjnupa/

 

No combo de escolher o framework, escolha jquery 1.9.1 para funcionar corretamente!

[Iacóbus de Cártago 0]

Obrigado pela dica Ted K'.

 

Acabei desenvolvendo este script que resolveu o problema. Agora indiferente do número de níveis consigo montara a tabela.

 

Abraço.

function mostraLinha(grupo){
	grupo = grupo + ".";
	var Tr = document.getElementsByTagName("tr");
	for (i = 0; i < Tr.length; i++) {
		if(Tr[i].id.substring(0, grupo.length) === grupo){
			
			if(Tr[i].id){

				var tam = Tr[i].id.substring(grupo.length).split(".");
				
				if(tam.length == 1){
					if(Tr[i].style.display == "none"){
						Tr[i].style.display = "";
					}else{
						Tr[i].style.display = "none";
					}
				}else{
					Tr[i].style.display = "none";
				}
			}
		}
	}
}