Показать сообщение отдельно
  #6 (permalink)  
Старый 10.02.2016, 20:10
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

<style>
        .block {
            width: 200px;
            height: 100px;
            border: 2px solid #ccc;
        }

        .active {
            background: #ccc;
        }
    </style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
        $(function () {
            var txt = $('.block').children('p').html();

            $('.block').on('click', function (event) {

                $(this).toggleClass('active');
                ($('.block').children('p').html() == txt) ? $('.block').children('p').text('Тратата') : $('.block').children('p').html(txt);
            });
           
        })
    </script>

    <div class="block">
        <p><a href="#">Bla-bla</a></p>
    </div>
Ответить с цитированием