{"id":1795,"date":"2017-07-18T00:22:35","date_gmt":"2017-07-18T00:22:35","guid":{"rendered":"http:\/\/www.phpmind.com\/blog\/?p=1795"},"modified":"2017-07-18T00:23:46","modified_gmt":"2017-07-18T00:23:46","slug":"left-hand-panel-for-cesiumjs","status":"publish","type":"post","link":"https:\/\/www.phpmind.com\/blog\/2017\/07\/left-hand-panel-for-cesiumjs\/","title":{"rendered":"Left hand panel for Cesiumjs."},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1796\" src=\"http:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2017\/07\/phpmind-left-hand-pannel-cjs.png\" alt=\"\" width=\"1042\" height=\"698\" srcset=\"https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2017\/07\/phpmind-left-hand-pannel-cjs.png 1042w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2017\/07\/phpmind-left-hand-pannel-cjs-300x201.png 300w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2017\/07\/phpmind-left-hand-pannel-cjs-768x514.png 768w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2017\/07\/phpmind-left-hand-pannel-cjs-1024x686.png 1024w, https:\/\/www.phpmind.com\/blog\/wp-content\/uploads\/2017\/07\/phpmind-left-hand-pannel-cjs-624x418.png 624w\" sizes=\"auto, (max-width: 1042px) 100vw, 1042px\" \/><\/p>\n<pre lang=\"js\">\r\n\r\n<div class=\"panel\">\r\n      <\/div>\r\n      \r\n      <a href=\"javascript:void(0);\" class=\"slider-arrow show\">&raquo;<\/a>\r\n\r\n<\/pre>\n<pre class=\"\">$(function(){\r\n\t$('.slider-arrow').click(function(){\r\n        if($(this).hasClass('show')){\r\n\t    $( \".slider-arrow, .panel\" ).animate({\r\n          left: \"+=300\"\r\n\t\t  }, 700, function() {\r\n            \/\/ Animation complete.\r\n          });\r\n\t\t  $(this).html('\u00ab').removeClass('show').addClass('hide');\r\n        }\r\n        else {   \t\r\n\t    $( \".slider-arrow, .panel\" ).animate({\r\n          left: \"-=300\"\r\n\t\t  }, 700, function() {\r\n            \/\/ Animation complete.\r\n          });\r\n\t\t  $(this).html('\u00bb').removeClass('hide').addClass('show');    \r\n        }\r\n    });\r\n\r\n});\r\n<\/pre>\n<pre>.panel {\r\n\twidth:300px;\r\n\tfloat:left;\r\n\theight:550px;\r\n\tbackground:#d9dada;\r\n\tposition:relative;\r\n\tleft:-300px;\r\n\r\n}\r\n.slider-arrow {\r\n\tpadding:5px;\r\n\twidth:10px;\r\n\tfloat:left;\r\n\tbackground:#d9dada;\r\n\tfont:400 12px Arial, Helvetica, sans-serif;\r\n\tcolor:#000;\r\n\ttext-decoration:none;\r\n\tposition:relative;\r\n\tleft:-300px;\r\n}\r\n<\/pre>\n<p>https:\/\/jsfiddle.net\/phpmind\/2gj84235\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&raquo; $(function(){ $(&#8216;.slider-arrow&#8217;).click(function(){ if($(this).hasClass(&#8216;show&#8217;)){ $( &#8220;.slider-arrow, .panel&#8221; ).animate({ left: &#8220;+=300&#8221; }, 700, function() { \/\/ Animation complete. }); $(this).html(&#8216;\u00ab&#8217;).removeClass(&#8216;show&#8217;).addClass(&#8216;hide&#8217;); } else { $( &#8220;.slider-arrow, .panel&#8221; ).animate({ left: &#8220;-=300&#8221; }, 700, function() { \/\/ Animation complete. }); $(this).html(&#8216;\u00bb&#8217;).removeClass(&#8216;hide&#8217;).addClass(&#8216;show&#8217;); } }); }); .panel { width:300px; float:left; height:550px; background:#d9dada; position:relative; left:-300px; } .slider-arrow { padding:5px; width:10px; float:left; background:#d9dada; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[53],"tags":[],"class_list":["post-1795","post","type-post","status-publish","format-standard","hentry","category-cesiumjs"],"_links":{"self":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/comments?post=1795"}],"version-history":[{"count":3,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1795\/revisions"}],"predecessor-version":[{"id":1799,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/posts\/1795\/revisions\/1799"}],"wp:attachment":[{"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/media?parent=1795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/categories?post=1795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpmind.com\/blog\/wp-json\/wp\/v2\/tags?post=1795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}