Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Помогите немного переделать скрипт

Помогите немного переделать скрипт


     22.09.2013    jQuery    1256

вопрос
Здравствуйте.
В нете нашел такой скрипт для того, чтобы показывать прятать блок. Все работает но мне нужно его немножко подправить, чтобы по клика на кнопке писался один текст а после второй.

Т.е. если блок скрыт, то писалось "Показать", и наоборот.

<script type="text/javascript">
$(document).ready(function()
    {
    var flag=true;
    $("#reg").click(function()
        {
            if(flag==true)
            {
                $("#reg2").slideToggle();
                flag=!flag;
            }
            else
            {
                $("#reg2").slideToggle();
                flag=!flag;
            }
    });
});

</script>


<style>#reg2 {display:none;}</style>
<a id="reg" href="#">Клик</a>
<div id="reg2">Тут текст....</div>

Ответил: ПафНутиЙ


Как то так:
<a id="reg" href="#" data-show="показать" data-hide="скрыть">Клик</a>
<div id="reg2">Тут текст....</div>

$(document).ready(function () {
    var flag = true;
    $("#reg").click(function () {
        var thisEl = $(this);
        $("#reg2").slideToggle();
        flag = !flag;
        
        if (flag == true) {
            thisEl.text(thisEl.data('show'));
        } else{
            thisEl.text(thisEl.data('hide'));
        };
    });
});
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы