diff --git a/public/js/main.js b/public/js/main.js
index 6a20b45..a271dab 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -223,6 +223,9 @@ const app = new Vue({
         rm_section: function(idx){
             this.journey_data.main.splice(idx,1);
         },
+        toggle_section_vis: function(idx){
+            this.journey_data.main[idx].hidden != item.hidden;
+        },
         search_nominatim: function(txt,f){
             if(txt==""){
                 this.query.nominatim=[];
diff --git a/public/template/journey.html b/public/template/journey.html
index 4f6b9e1..1d8ecde 100644
--- a/public/template/journey.html
+++ b/public/template/journey.html
@@ -44,10 +44,10 @@
                     <div class="container section">
                         <div class="row text-center">
                             <div class="col-auto"><button class="button button--secondary button--mobileFull" v-on:click="rm_section(idx)">X</button></div>
-                            <div class="col-auto"><button class="button button--secondary button--mobileFull" v-on:click="item.hidden = !item.hidden">-</button></div>
+                            <div class="col-auto"><button class="button button--secondary button--mobileFull" v-on:click="toggle_section_vis(idx)">-</button></div>
                             <div class="input col-sm-4"><input class="" v-model="item.title" type="text" /></div>
                         </div>
-                        <div class="row" v-if="item.hidden">
+                        <div class="row" v-if="!item.hidden">
                             <div class="col-12 col-sm-8">
                                 <l-map
                                   :zoom.sync="item.map.zoom"