[SeriousSam]

Да, спасибо, я уже пошуршал по форуму и нашел решение, чуть подредактировав уже имеющееся

инклюдю внешний файл js с этим скриптом

$(document).ready(function () {
	    showContext = function (event) {
	        var id = $(event.target).attr('id').slice(4);
	        var $id = $('#' + id);
	        var idStatus = $id.css('display');
	        $('.show_display').animate({height: 'hide'}, 200);
	        idStatus === 'none' ?
	            $id.animate({height: 'show'}, 400) : $id.animate({height: 'hide'}, 200);
	    }
	    $('img').bind('click', $.proxy(showContext, this));
	});

в стили добавляю

.show_display {display: none;}

В коде выглядит так

<ul>
           <li><a href="#"><img id="abcd1" src="images/img.gif" /></a></li>  
               <div id="1" class="show_display">текст</div>
</ul>