Les muestro cómo lo resolví, y acepto sugerencias, toda crítica me vendría como anillo al dedo.
Código Javascript
:
Ver original<script type="text/javascript">
$(document).ready(function() {
// Información.
var words = [
a = ['Asc', 'After', 'Asns'],
b = ['Basic'],
c = ['Calc', 'Composite'],
d = ['Dino', 'Deno', 'Desert', 'Dynamic']
];
//Destino de la info.
var destino = $('#words ul');
//Letters Parent.
var lista = $('.abc li');
lista.click(function() {
//Add and remove "active" css class.
$(this).addClass('active').siblings().removeClass('active');
// Obtengo la letra.
var letter = $(this).children().attr('rel');
// Obtengo las palabras para dicha letra.
var word = words[letter];
destino.empty();
$(word).each(function(index) {
var palabritas = $('<li><a href="#">' + word[index] + '</a></li>');
destino.append(palabritas);
})
});
});
</script>