Resolved issue #2: Spoilers

assets/css/colors.css

@@ -32,3 +32,37 @@ ol.classic {
 .ls-nav--userbar > .ls-nav-item > a > img {
   display: none;
 }
+
+/** Спойлер
+ * Modified by fedorov mich // 2014 // bSpoiler LS 1.0
+ **/
+.spoiler-title {
+    color: #6da3bd;
+    border-bottom: 1px dashed;
+    font-weight: normal;
+    cursor: pointer;
+}
+.spoiler-title:hover {
+    color: #4d7285;
+}
+.spoiler-body {
+    display: none;
+    padding: 10px;
+    border: 1px solid #eee;
+    background: #f9f9f9;
+    margin-top: 10px;
+    overflow: hidden;
+}
+.spoiler-title:before {
+    float: left;
+    content: " ";
+    width: 16px;
+    height: 16px;
+    margin-top: 2px;
+    display: block;
+    border: 0px solid red;
+    background: url(../images/spoiler.icon.png) no-repeat left top;
+}
+.spoiler-title.open:before {
+    background: url(../images/spoiler.icon.png) no-repeat left bottom;
+}

assets/css/layout.css

@@ -74,4 +74,4 @@
  */
 .ls-jumbotron {
     background-image: url(../images/header.jpg);
-}
+}

assets/js/ifhub.js

@@ -0,0 +1,14 @@
+/**
+ * Инициализации модулей
+ *
+ * @license   GNU General Public License, version 2
+ * @author    Alexander Yakovlev <keloero@oreolek.ru>
+ */
+
+jQuery(document).ready(function($){
+    $('.spoiler-title').on('click touchstart', function(){
+        $(this).toggleClass('open');
+        $(this).parent().children('div.spoiler-body').toggle('normal');
+        return false;
+    });
+});

settings/config/config.php

@@ -1,38 +1,39 @@
-<?php
-
-$config = array();
-
-/**
- * Тип сетки
- *
- * fluid - резина
- * fixed - фиксированная ширина
- */
-$config['view']['grid']['type'] = 'fluid';
-
-// Настройки резины
-$config['view']['grid']['fluid_min_width'] = '320px';
-$config['view']['grid']['fluid_max_width'] = '1200px';
-
-// Настройки фиксированная ширина
-$config['view']['grid']['fixed_width'] = '1000px';
-
-// Показывать баннер с лого и описанием или нет
-$config['view']['layout_show_banner'] = false;
-
-// Подключение скриптов шаблона
-$config['head']['template']['js'] = array(
-	'___path.skin.assets.web___/js/init.js'
-);
-
-// Подключение стилей шаблона
-$config['head']['template']['css'] = array(
-	"___path.skin.assets.web___/css/layout.css",
-	"___path.skin.assets.web___/css/colors.css",
-	"___path.skin.assets.web___/css/print.css"
-);
-
-$config['view']['seo']['topic_heading'] = 'h1';
-$config['view']['seo']['topic_heading_list'] = 'h2';
-
-return $config;
+<?php
+
+$config = array();
+
+/**
+ * Тип сетки
+ *
+ * fluid - резина
+ * fixed - фиксированная ширина
+ */
+$config['view']['grid']['type'] = 'fluid';
+
+// Настройки резины
+$config['view']['grid']['fluid_min_width'] = '320px';
+$config['view']['grid']['fluid_max_width'] = '1200px';
+
+// Настройки фиксированная ширина
+$config['view']['grid']['fixed_width'] = '1000px';
+
+// Показывать баннер с лого и описанием или нет
+$config['view']['layout_show_banner'] = false;
+
+// Подключение скриптов шаблона
+$config['head']['template']['js'] = array(
+	'___path.skin.assets.web___/js/init.js',
+	'___path.skin.assets.web___/js/ifhub.js',
+);
+
+// Подключение стилей шаблона
+$config['head']['template']['css'] = array(
+	"___path.skin.assets.web___/css/layout.css",
+	"___path.skin.assets.web___/css/colors.css",
+	"___path.skin.assets.web___/css/print.css"
+);
+
+$config['view']['seo']['topic_heading'] = 'h1';
+$config['view']['seo']['topic_heading_list'] = 'h2';
+
+return $config;