#1101 - Визуальные правки по сайту #1

frontend/views/layouts/block/about-reviews.php

@@ -28,12 +28,8 @@ $reviews = Reviews::find()
                         <?php endif; ?>
                         <div class="col-md-8 col-xs-8 col-sm-12">
                             <div class="rev_name"><?=$review->title?></div>
-                            <div class="rev_txt"><?=$review->text?></div>
-                            <!-- <div class="rev_txt">Мы работаем с компанией ООО «Арт Проект» с 2010 года. Компания оказывает нам услуги по созданию информационного портала и его дальнейшей поддержке в сети Интернет. В процессе разработки было составлено подробное техническое задание, которое позволило учесть все нюансы и разработать необходимый функционал для полноценной работы сайта. Компанией ООО «Арт Проект» были предложены рациональные и удобные функциональные решения, которые позволили нам самостоятельно создавать,
-                                <div class="line_hide_rev"></div>
-                            </div>
-                            <div class="rev_txt_hide">редактировать и управлять информацией на сайте в режиме он-лайн. Для нашего проекта было разработано и внедрено несколько </div>
-                            <div class="rev__hide__btn">Подробнее</div> -->
+                            <div class="rev_txt rev_hd"><?=$review->text?></div>
+                            <div class="review_hide_btn" data-hide="Скрыть" data-show="Подробнее">Подробнее</div>
                         </div>
                     </div>
                 <?php else : ?>

frontend/web/css/custom.css

@@ -2825,3 +2825,23 @@ width: 95%;
 .bx-wrapper .bx-next:hover {
     background: #00bce7 url(../images/arrow_right.png) no-repeat center center;
 }
+
+.review_hide_btn {
+    font-size: 14px;
+    color: #0097e6;
+    cursor: pointer;
+    border-bottom: 2px dotted #0097e6;
+    display: inline-block;
+    padding-bottom: 3px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.rev_txt.rev_hd {
+    overflow-y: hidden;
+    height: 231px; 
+}
+
+.rev_txt.rev_hd.show {
+    height: auto;
+}
\ No newline at end of file

frontend/web/js/custom.js

@@ -6,6 +6,32 @@ $(document).ready(function() {
         $('[href="'+hash+'"]').click();
     }
 
+    $('.review_hide_btn').click(function(){
+		if($(this).text() == $(this).data('hide'))
+		{
+			$(this).text($(this).data('show'));
+		}
+		else
+		{
+			$(this).text($(this).data('hide'));
+		}
+
+		$('.rev_txt.rev_hd').removeAttr('style');
+		
+		$('.rev_txt.rev_hd').toggleClass('show');
+		var height = $('.rev_txt.rev_hd').height();
+		$('.rev_txt.rev_hd').toggleClass('show');
+
+		$('.rev_txt.rev_hd').animate({
+			height: height
+		}, function() {
+			$('.rev_txt.rev_hd').toggleClass('show');
+		});
+
+		return false;
+
+	});
+
 	$(".important_button").click(function () {
 		$(this).toggleClass("important_button_active");
 		$(".important_button_text").toggleClass("important_button_text_active");