{"id":2195,"date":"2022-08-30T15:22:50","date_gmt":"2022-08-30T15:22:50","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2014\/01\/04\/how-to-add-a-curtain-on-top-of-the-google-map-collection-of-common-programming-errors\/"},"modified":"2022-08-30T15:22:50","modified_gmt":"2022-08-30T15:22:50","slug":"how-to-add-a-curtain-on-top-of-the-google-map-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2022\/08\/30\/how-to-add-a-curtain-on-top-of-the-google-map-collection-of-common-programming-errors\/","title":{"rendered":"How to add a curtain on top of the google map-Collection of common programming errors"},"content":{"rendered":"<p>I assume you have tried to place a over the top of the map using jQuery to slide the curtain up?<\/p>\n<p>This slides the wrong way, but you get the idea in this jsfiddle<\/p>\n<p><strong>HTML<\/strong><\/p>\n<pre><code>\n\n<\/code><\/pre>\n<p><strong>CSS<\/strong><\/p>\n<pre><code>#map{\n    background-image: url('http:\/\/0.tqn.com\/d\/webtrends\/1\/0\/e\/2\/-\/-\/google-maps-walk-2.jpg');\n    height:400px;\n    width:400px;\n}\n\n#curtain{\n    background-image: url('http:\/\/www.vectordiary.com\/isd_tutorials\/005_curtain\/step02_2.gif');\n    height:400px;\n    width:400px;\n    margin-top:-400px;\n}\n<\/code><\/pre>\n<p><strong>jQuery<\/strong><\/p>\n<pre><code>$('#curtain').click(function(){\n    $(this).slideUp(\"slow\");\n});\n<\/code><\/pre>\n<p id=\"rop\"><small>Originally posted 2014-01-04 14:17:25. <\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>I assume you have tried to place a over the top of the map using jQuery to slide the curtain up? This slides the wrong way, but you get the idea in this jsfiddle HTML CSS #map{ background-image: url(&#8216;http:\/\/0.tqn.com\/d\/webtrends\/1\/0\/e\/2\/-\/-\/google-maps-walk-2.jpg&#8217;); height:400px; width:400px; } #curtain{ background-image: url(&#8216;http:\/\/www.vectordiary.com\/isd_tutorials\/005_curtain\/step02_2.gif&#8217;); height:400px; width:400px; margin-top:-400px; } jQuery $(&#8216;#curtain&#8217;).click(function(){ $(this).slideUp(&#8220;slow&#8221;); }); Originally posted [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2195","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=2195"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2195\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=2195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=2195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=2195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}