Пишу выпадающее меню. При добавлении на страницу текста с помощью функции 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>