jQuery: изменение текста при нажатии и показ содержимого

Question

У меня проблема с моим кодом.

Я должен изменить текст при нажатии

<script type="text/javascript">
$(document).ready(function(){   
    $('.pokus1').hide().before('<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Otevřít</div></div></a>');


        $('a#toggle-example1').click(function() {
        $('.pokus1').slideToggle(300);
        $(this).html($(this).html() == 
        '<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Otevřít</div></div></a>' 
        ? 
        '<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Otevřít</div></div></a>' 
        : 
        '<a href="#" id="toggle-example1" class="show" ><div class="nadpis"><div class="nadpis2">Zumba</div><div class="open-close">Zavřít</div></div></a>');
    return false;
    });
});

    </script>

Но у меня есть 1. нажмите изменение текста, 2. нажмите без эффекта, когда я изменяю

            $(this).html($(this).html() == 

до $(this).text($(this).text() ==

Scripst работает хорошо, но у меня должен быть HTML.

любой совет?

Спасибо за ответ, Виктор

Answer 1

Попробуйте сделать это вместо:

$('.open-close', this).toggle(function(){
       var html = this.innerHTML;
       if(html != 'Otevřít'){
             this.innerHTML = 'Zavřít';
       }
})

---

Обновлена ​​скрипта для изменения для открытия и закрытия:

$('a#toggle-example1').click(function() {
    $('.pokus1').slideToggle(300);
    $('.open-close', this).toggle(function() {
        var html = this.innerHTML;
        if (html == 'Zavřít') {
            this.innerHTML = 'Otevřít';
        }
        else if (html == 'Otevřít') {
            this.innerHTML = 'Zavřít';
        }
        this.style.display = 'block';
    })
    return false;
});

Скрипка: http://jsfiddle.net/maniator/uUrRf/