Javascript-форум - Вопрос по видимости элементов

Пишу выпадающее меню. При добавлении на страницу текста с помощью функции html() я потом не могу им оперировать. Как поправить?

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 
  $(document).ready(function(){ 
  	$('.india').next().css('display', 'none').end().click(function() {
    	$(this).next().toggle('show');
  	});
    $(".pupsik").click(function(index) {
	vol=($(".pupsik")).index(this);
	if (vol==0) {
				if ($("#dima1").is(":hidden")) {
				$("#dima1").html('<p class="india">Не работает (должно сворачиватся, а по клику открыватся.)</p><pre xml:php="xml:php">Текст Текст Текст Текст</pre>').show("slow");
				}  else {
				$("#dima1").slideUp();
				}
		  }
    }); 
 });
</script> 
<style>
#dima1{display:none ;}
</style>
<div class="pupsik">кликнуть для появления меню</div>
<div id="dima1"></div>

<!--  вне меню -->	
<p class="india">Работает</p> 
<pre xml:php="xml:php">Текст Текст Текст Текст</pre>