diff --git a/mo-home.js b/mo-home.js
index 87fcaf7..c0616bf 100644
--- a/mo-home.js
+++ b/mo-home.js
@@ -1,13 +1,40 @@
-{/* <a href="#"><i class="" aria-hidden="true"></i> Leer más</a> */}
-
-
-const app = createApp({
-    data() {
-      return {
-        readMoreText: "Leer más",
-        readMoreIcon: "fa fa-arrow-right",
-      }
-    }
-  })
+jQuery(document).ready(function(){
   
-app.mount('#mo-home-vue-app')
+  var READMORELANG, READLESSLANG;
+  const app = Vue.createApp({
+      data() {
+          return {
+              readMoreActive: false,
+              readMoreText: "Leer más",
+              readMoreIcon: "fa fa-arrow-right",
+          }
+      },
+      mounted(){
+          READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
+          READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
+
+
+      },
+      methods:{
+          readMore(){
+              if (this.readMoreActive){
+                  this.readMoreText = READMORELANG;
+                  this.readMoreIcon = "fa fa-arrow-right";
+
+              }else{
+                  this.readMoreText = READLESSLANG;
+                  this.readMoreIcon = "fa fa-minus";
+              }
+              this.readMoreActive = ! this.readMoreActive;
+
+              jQuery(".d-none").toggle("fast", function(){
+                  
+              });
+
+
+          }
+      }
+  })
+  app.mount('#mo-home-vue-app')
+
+});
\ No newline at end of file
diff --git a/test.html b/test.html
index 5920477..9c4e54a 100644
--- a/test.html
+++ b/test.html
@@ -4,28 +4,66 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Vue Tests</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <style>
+        .d-none{
+            display:none;
+        }
+    </style>
 </head>
 <body>
-    <div id="mo-home-vue-app">
-        <a @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
+    <div class="d-none">
+        This is a hidden text. Named for some obscure action to be active on the web.
+        <br>
+        Now it's time to rock & roll!
     </div>
-
+<div id="mo-home-vue-app">
+    <a class="readMoreBtn" data-readlesslang = "Leer menos" data-readmorelang = "Leer más" @click.prevent="readMore()"><i :class="readMoreIcon" aria-hidden="true"></i> {{ readMoreText }}</a>
+</div>
+    <script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
     <script src='https://unpkg.com/vue@3/dist/vue.global.js'></script>
     <script>
-
+    jQuery(document).ready(function(){
+        var READMORELANG, READLESSLANG;
         const app = Vue.createApp({
             data() {
-            return {
-                readMoreText: "Leer más",
-                readMoreIcon: "fa fa-arrow-right",
-            }
+                return {
+                    readMoreActive: false,
+                    readMoreText: "Leer más",
+                    readMoreIcon: "fa fa-arrow-right",
+                }
+            },
+            mounted(){
+                READMORELANG = jQuery(".readMoreBtn").data("readmorelang");
+                READLESSLANG = jQuery(".readMoreBtn").data("readlesslang");
+
+
+            },
+            methods:{
+                readMore(){
+                    if (this.readMoreActive){
+                        this.readMoreText = READMORELANG;
+                        this.readMoreIcon = "fa fa-arrow-right";
+
+                    }else{
+                        this.readMoreText = READLESSLANG;
+                        this.readMoreIcon = "fa fa-minus";
+                    }
+                    this.readMoreActive = ! this.readMoreActive;
+
+                    jQuery(".d-none").toggle("fast", function(){
+                        
+                    });
+
+
+                }
             }
         })
-        
         app.mount('#mo-home-vue-app')
 
+    });
+       
     </script>
 </body>
 </html>
\ No newline at end of file
