{"id":18068,"date":"2016-04-25T19:38:02","date_gmt":"2016-04-25T16:08:02","guid":{"rendered":"http:\/\/www.xn--mgbguh09aqiwi.com\/?p=18068"},"modified":"2016-04-25T19:44:48","modified_gmt":"2016-04-25T16:14:48","slug":"%d8%b3%d8%a7%d8%ae%d8%aa-%d9%85%d9%86%d9%88%db%8c-%d8%a2%da%a9%d8%a7%d8%b1%d8%af%d8%a6%d9%88%d9%86-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-%d9%81%d9%84%d8%aa-%d8%af%db%8c%d8%b2%d8%a7%db%8c%d9%86","status":"publish","type":"post","link":"https:\/\/www.xn--mgbguh09aqiwi.com\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%85%d9%86%d9%88%db%8c-%d8%a2%da%a9%d8%a7%d8%b1%d8%af%d8%a6%d9%88%d9%86-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-%d9%81%d9%84%d8%aa-%d8%af%db%8c%d8%b2%d8%a7%db%8c%d9%86.html","title":{"rendered":"\u0633\u0627\u062e\u062a \u0645\u0646\u0648\u06cc \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0641\u0644\u062a \u062f\u06cc\u0632\u0627\u06cc\u0646"},"content":{"rendered":"<p>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0642\u0635\u062f \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0645\u0646\u0648\u06cc \u06a9\u0634\u0648\u06cc\u06cc \u06cc\u0627 \u0647\u0645\u0627\u0646\u00a0\u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u0641\u0644\u062a \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0639\u0632\u06cc\u0632\u0627\u0646 \u0622\u0645\u0627\u062f\u0647 \u0633\u0627\u062e\u062a\u0647 \u0627\u0645 \u06a9\u0647 \u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f .<\/p>\n<p>\u0627\u06cc\u0646 \u0645\u0646\u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062f\u0627\u0631\u0627\u06cc \u06f5 \u0642\u0633\u0645\u062a \u0645\u06cc \u0628\u0627\u0634\u062f \u06a9\u0647 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0648 \u06a9\u0645\u062a\u0631 \u0646\u0645\u0627\u06cc\u06cc\u062f .<\/p>\n<p>\u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u067e\u0631\u062f\u0627\u062e\u062a &#8230;<\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.xn--mgbguh09aqiwi.com\/wp-content\/uploads\/2016\/04\/flat-accordion-jquery.png\" data-rel=\"lightbox-gallery-9OWmpc3f\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" class=\"alignnone wp-image-18162 aligncenter\" src=\"http:\/\/www.xn--mgbguh09aqiwi.com\/wp-content\/uploads\/2016\/04\/flat-accordion-jquery.png\" alt=\"\u0633\u0627\u062e\u062a \u0645\u0646\u0648\u06cc \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u0641\u0644\u062a \u062f\u06cc\u0632\u0627\u06cc\u0646\" width=\"333\" height=\"498\" \/><\/a><\/p>\n<p>\u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u06a9\u062f html \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f :<\/p>\n<pre class=\"lang:xhtml decode:true\" dir=\"ltr\">&lt;section class=\"accordion_vms\"&gt;\r\n   &lt;div class=\"item\"&gt;\r\n        &lt;img src=\"images\/Location-Pin.png\" alt=\"\"&gt;\r\n        &lt;h3&gt;\u0645\u0646\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u06f1&lt;\/h3&gt;\r\n   &lt;\/div&gt;\r\n        &lt;p&gt;\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645&lt;\/p&gt;\r\n    &lt;div class=\"item\"&gt;\r\n        &lt;img src=\"images\/Headphones.png\" alt=\"\"&gt;\r\n        &lt;h3&gt;\u0645\u0646\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u06f2&lt;\/h3&gt;\r\n   &lt;\/div&gt;\r\n    &lt;p&gt;\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645&lt;\/p&gt;\r\n    &lt;div class=\"item\"&gt;\r\n        &lt;img src=\"images\/Lightbulb.png\" alt=\"\"&gt;\r\n        &lt;h3&gt;\u0645\u0646\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u06f3&lt;\/h3&gt;\r\n   &lt;\/div&gt;\r\n        &lt;p&gt;\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645&lt;\/p&gt;\r\n    &lt;div class=\"item\"&gt;\r\n        &lt;img src=\"images\/Bookmarks.png\" alt=\"\"&gt;\r\n        &lt;h3&gt;\u0645\u0646\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u06f4&lt;\/h3&gt;\r\n   &lt;\/div&gt;\r\n        &lt;p&gt;\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645&lt;\/p&gt;\r\n    &lt;div class=\"item\"&gt;\r\n        &lt;img src=\"images\/Lightning-Bolt.png\" alt=\"\"&gt;\r\n        &lt;h3&gt;\u0645\u0646\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u06f5&lt;\/h3&gt;\r\n   &lt;\/div&gt;\r\n       &lt;p&gt;\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645&lt;\/p&gt;\r\n&lt;\/section&gt;<\/pre>\n<p>\u0633\u067e\u0633 \u06a9\u062f css \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0647 css \u0648\u0628 \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u0646\u0645\u0627\u06cc\u06cc\u062f :<\/p>\n<pre class=\"lang:css decode:true\" dir=\"ltr\">.accordion_vms * {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.accordion_vms {\r\n  margin: 50px auto;\r\n  width: 380px;\r\n  background: #ccc;\r\n  cursor: pointer;\r\n  line-height:30px;\r\n  direction:rtl;\r\n  font-family:tahoma;\r\n  font-size:13px;\r\n}\r\n.accordion_vms .item {\r\n  height: 60px;\r\n}\r\n.accordion_vms .item h3 {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  height: 100%;\r\n  padding-right: 20px;\r\n  font-family: tahoma;\r\n  font-size: 15px;\r\n  font-weight:normal;\r\n}\r\n.accordion_vms .item img {\r\n  padding-right: 15px;\r\n  width: 30px;\r\n  vertical-align: middle;\r\n}\r\n.accordion_vms .item h3:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  height: 100%;\r\n}\r\n.accordion_vms .item:first-of-type {\r\n  background: #620808;\r\n  color: #f4ce74;\r\n}\r\n.accordion_vms .item:nth-of-type(2) {\r\n  background: #a53f3f;\r\n  color: #ffe9c1;\r\n}\r\n.accordion_vms .item:nth-of-type(3) {\r\n  background: #f4ce74;\r\n  color: #620808;\r\n}\r\n.accordion_vms .item:nth-of-type(4) {\r\n  background: #ffe9c1;\r\n  color: #d5441c;\r\n}\r\n.accordion_vms .item:last-of-type {\r\n  background: #d5441c;\r\n  color: #ffe9c1;\r\n}\r\n.accordion_vms p {\r\n  font-family: tahoma;\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  padding: 15px;\r\n  display: none;\r\n  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.2);\r\n}\r\n.accordion_vms p:first-of-type {\r\n  background: #620808;\r\n  color: #f4ce74;\r\n}\r\n.accordion_vms p:nth-of-type(2) {\r\n  background: #a53f3f;\r\n  color: #ffe9c1;\r\n}\r\n.accordion_vms p:nth-of-type(3) {\r\n  background: #f4ce74;\r\n  color: #620808;\r\n}\r\n.accordion_vms p:nth-of-type(4) {\r\n  background: #ffe9c1;\r\n  color: #d5441c;\r\n}\r\n.accordion_vms p:last-of-type {\r\n  background: #d5441c;\r\n  color: #ffe9c1;\r\n}<\/pre>\n<p>\u062d\u0627\u0644 \u0646\u0648\u0628\u062a \u0628\u0647 \u0627\u0636\u0627\u0641\u0647 \u0646\u0645\u0648\u062f\u0646 \u06a9\u062f \u0632\u06cc\u0631 \u0628\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0633\u06cc\u062f\u0647 \u0627\u0633\u062a :<\/p>\n<p><span style=\"color: #ff0000;\">\u0646\u06a9\u062a\u0647 :<\/span> \u06a9\u062f \u0632\u06cc\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a Jquery \u0645\u06cc\u0628\u0627\u0634\u062f . \u067e\u0633 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0641\u0627\u06cc\u0644 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 jquery \u0631\u0627 \u0642\u0628\u0644\u0627 \u0628\u0647 \u0648\u0628 \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u0646\u0645\u0648\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f ( \u062f\u0627\u0646\u0644\u0648\u062f \u0627\u0632 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0631\u0633\u0645\u06cc www.jquery.com )<\/p>\n<pre class=\"lang:js decode:true \" dir=\"ltr\">$(document).ready(function(){\r\n    $('.item').on(\"click\", function () {\r\n        $(this).next().slideToggle(100);\r\n        $('p').not($(this).next()).slideUp('fast');\r\n\t    });\r\n    });<\/pre>\n<p><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"http:\/\/www.xn--mgbguh09aqiwi.com\/demo\/flat%20accordion%20jquery\/\" target=\"_blank\">\u062f\u0645\u0648\u06cc\u00a0\u0645\u0646\u0648\u06cc \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646<\/a><\/span><\/p>\n<p><span style=\"color: #0000ff;\"><strong><a style=\"color: #0000ff;\" href=\"http:\/\/www.xn--mgbguh09aqiwi.com\/wp-content\/uploads\/2016\/04\/flat-accordion-jquery.zip\" rel=\"\">\u062f\u0627\u0646\u0644\u0648\u062f \u0641\u0627\u06cc\u0644 \u0622\u0645\u0627\u062f\u0647 \u0645\u0646\u0648\u06cc \u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646<\/a><\/strong><\/span><\/p>\n<p>\u067e\u062e\u0634 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/p>\n<p><span style=\"color: #ff0000;\">\u0622\u0645\u0648\u0632\u0634 : \u0648\u062d\u06cc\u062f \u0645\u062c\u06cc\u062f\u06cc<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0642\u0635\u062f \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0645\u0646\u0648\u06cc \u06a9\u0634\u0648\u06cc\u06cc \u06cc\u0627 \u0647\u0645\u0627\u0646\u00a0\u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u0641\u0644\u062a \u062f\u06cc\u0632\u0627\u06cc\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0639\u0632\u06cc\u0632\u0627\u0646 \u0622\u0645\u0627\u062f\u0647 \u0633\u0627\u062e\u062a\u0647 \u0627\u0645 \u06a9\u0647 \u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f . \u0627\u06cc\u0646 \u0645\u0646\u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062f\u0627\u0631\u0627\u06cc \u06f5 \u0642\u0633\u0645\u062a \u0645\u06cc \u0628\u0627\u0634\u062f \u06a9\u0647 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0648 \u06a9\u0645\u062a\u0631 \u0646\u0645\u0627\u06cc\u06cc\u062f . \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[565,566],"tags":[19183,19187,19185,19181,19182,19186,19180,19189,19188,19184],"_links":{"self":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/posts\/18068"}],"collection":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/comments?post=18068"}],"version-history":[{"count":0,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/posts\/18068\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/media?parent=18068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/categories?post=18068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/tags?post=18068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}