[preanik]

Оказалось всё проще, чем я думал.

Получилось сделать так:

<?php
$l1 = '';
$args = array(  
		'type'                     => 'post'  
		 ,'orderby'                  => 'name'
		 ,'hide_empty'				=> 0
		 ,'child_of'				=>6
		 ,'order'                    => 'ASC'  );  
$categories = get_categories( $args );  
foreach($categories as $category) { 
  $l2 = mb_substr($category->name, 0, 1, 'utf-8');
  if ($l1 != $l2) {
    $l1 = $l2;
	//echo($l2);
    echo '<div class="test1" title="'.$l1.'" onclick="ima(this)"><a href="#">' . $l1 . '</a></div>';
  }
  echo '<div title="'.$l1.'" class="test2" style="display:none"><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></div>';
} ?>

function ima(litera){
	var litera = $(litera).attr('title');
	jQuery("[title='"+ litera +"']").fadeIn(500);
}