Поддержка Dcms-Social - DS v.1.8.x-1.9.0 - Полезные js - пост №1221
Онлайн 9 дек 2017 19:28 | ||||
К примеру есть статус на личной странице, решение избавит от дополнительных библиотек и кучи кода. Для начала мы создадим стили .close { display:none;/* Скрыть содержимое */ } .cursor { cursorointer;/* Курсор как на ссылку */ } .status-text { ваши стили } .status-form { ваши стили } Далее на странице создаем два дива на текст и на форму, которая будет скрыта, а при клике на текст она появится, сам текст скроется <div class="status-text cursor">Здесь текст статуса</div> <div class="status-form close"> <form> наша форма </form> </div> А теперь не хитрый скрипт, который будет менять местами стили close <script> $('.status-text').click(function(e){ e.preventDefault(); $(this).addClass('close'); $('.status-text').addClass('close'); $('.status-form').removeClass('close'); }); $('body').click(function(e){ if(!$(e.target).parents('.close').length && !$(e.target).hasClass('close')) { $('.status-form').addClass('close'); $('.status-text').removeClass('close'); } }); </script> Может кому пригодится в разработках, скрипт работает со всех устройств поддерживающих js |