diff --git a/frontend/views/goods/index.php b/frontend/views/goods/index.php
index 6bdd1b6..7a7713b 100644
--- a/frontend/views/goods/index.php
+++ b/frontend/views/goods/index.php
@@ -15,60 +15,61 @@ $this->params['breadcrumbs'][] = $this->title;
     <a href="" class='navigation'>Акамуляторы(АКБ)</a>
     <img src="/images/arrow_dots.png">
     <span>Аккумулятор<span class='detail_name'> 0 092 S30 120: BOSCH</span></span>
-    <p class="vin_article">Аккумулятор 0 092 S30 120: BOSCH</p>
-    <img src="/images/lonh_line.png" class='line'>
+   <div class="tovar_card">
 
-    <div class="search_span zapchasti">
+        <p class="vin_article">Аккумулятор 0 092 S30 120: BOSCH</p>
 
-        <img src="/images/car1.png" id="zapchasti_car">
-        <p>Укажите свой автомобиль
-            и мы предложим вам
-            еще Аккумуляторы (АКБ)</p>
-        <div class="selectize_item2">
+        <div class="search_span zapchasti">
 
+            <img src="/images/car1.png" id="zapchasti_car">
+            <p>Укажите свой автомобиль
+                и мы предложим вам
+                еще Аккумуляторы (АКБ)</p>
+            <div class="selectize_item2">
 
-            <select class="area">
-                <option value="" disabled="" selected="">Марка</option>
-                <option value="2">Выбери меня!</option>
-                <option value="3">Выбери меня!</option>
-                <option value="5">Меня!</option>
-                <option value="4">Меня</option>
-            </select>
 
-        </div>
-        <button class="purple">Есть еще?</button>
-    </div>
-    <div class='note'>
-        <span id="modal_close_tip"><img src="/images/close_form.png"></span>
-        <p>
-            У нас есть еще<br>
-            45 Аккумуляторы (АКБ)<br>
-            Возможно что-то вам<br>
-            подойдет
-        </p>
-    </div>
+                <select class="area">
+                    <option value="" disabled="" selected="">Марка</option>
+                    <option value="2">Выбери меня!</option>
+                    <option value="3">Выбери меня!</option>
+                    <option value="5">Меня!</option>
+                    <option value="4">Меня</option>
+                </select>
 
-    <table class='detail'>
-        <tr>
-            <td>
-                <img src="/images/acamulator_big.png">
-                <img src="/images/small_plus.png">
-            </td>
+            </div>
+            <button class="purple">Есть еще?</button>
+        </div>
+        <div class='note'>
+            <span id="modal_close_tip"><img src="/images/close_form.png"></span>
+            <p>
+                У нас есть еще<br>
+                45 Аккумуляторы (АКБ)<br>
+                Возможно что-то вам<br>
+                подойдет
+            </p>
+        </div>
 
+        <table class='detail'>
+            <tr>
+                <td>
+                    <img src="/images/acamulator_big.png">
+                    <img src="/images/small_plus.png">
+                </td>
 
-            <td>
-                <p class='bold_line'>0 092 S30 120: BOSCH</p>
-                <p class="thin_line">12V 88Ah 740A</p>
-                <p class='bold_line space'>Емкость, А/Ч:<span class='thin_line'> 88</span></p>
-                <p class="bold_line">Полярность: Правая (-/+)</p>
-            </td>
-        </tr>
-        <tr class="galery">
-            <td><img src="/images/acamulator_small_gallery.png"><img src="/images/acamulator_small_gallery.png"></td>
-        </tr>
-    </table>
-    <img src="/images/arrow_rounded.png" class='arrow_rounded'>
 
+                <td>
+                    <p class='bold_line'>0 092 S30 120: BOSCH</p>
+                    <p class="thin_line">12V 88Ah 740A</p>
+                    <p class='bold_line space'>Емкость, А/Ч:<span class='thin_line'> 88</span></p>
+                    <p class="bold_line">Полярность: Правая (-/+)</p>
+                </td>
+            </tr>
+            <tr class="galery">
+                <td><img src="/images/acamulator_small_gallery.png"><img src="/images/acamulator_small_gallery.png"></td>
+            </tr>
+        </table>
+        <img src="/images/arrow_rounded.png" class='arrow_rounded'>
+    </div>
 
 
 </div>
@@ -176,7 +177,7 @@ $this->params['breadcrumbs'][] = $this->title;
 
     </div>
     <div class="second_section">
-        <p class="bold_line">12V 88Ah 740A Bosch 0092s30120</p>
+        <p class="bold_line">Замены искомого производителя</p>
         <p class="currency1  opposite1" id="dollars">грн</p>
         <p class="currency1 active_button_purple11" id="grivna">$</p>
         <table class="tovar_table" cellspacing="0" cellpadding="0" border="0">
@@ -489,4 +490,11 @@ $this->params['breadcrumbs'][] = $this->title;
         </div>
 
     </div>
-</div>
\ No newline at end of file
+</div>
+<script type="text/javascript">
+  $('.button_grey').click(function(){
+      $('.tovar_card').toggleClass('tovar_card_visible');
+      $('.table').toggleClass('table_height');
+      console.log('lasfj')
+  });
+</script>
\ No newline at end of file
diff --git a/frontend/web/css/main.css b/frontend/web/css/main.css
index ec73d24..5ce8c90 100755
--- a/frontend/web/css/main.css
+++ b/frontend/web/css/main.css
@@ -513,4 +513,25 @@ div.required:after {    content: " *";
 
 .myprofile .field-changepasswordform-old_pass label, .myprofile .field-changepasswordform-pass label, .myprofile .field-changepasswordform-re_pass label{
     left: 0px!important;
+}
+
+.second_section .bold_line{
+    margin-top: 13px;
+    margin-bottom: -2px;
+}
+
+.button_grey{
+    margin-top: -20px;
+}
+
+.table_height{
+    height: 0px!important;
+    border-bottom: 0px!important;
+}
+.tovar_card_visible{
+    display: none;
+}
+
+.table{
+    transition: 0.3s;
 }
\ No newline at end of file
--
libgit2 0.21.4