title: jQuery conditionally change events depending on .html( 'string' ) values
body: <p><a href="http://jsfiddle.net/motocomdigital/Qh8fL/4/" rel="nofollow">http://jsfiddle.net/motocomdigital/Qh8fL/4/</a></p>
  
  <p>Please feel free to change the heading if you think I've worded it wrong.</p>
  
  <p><strong>General</strong></p>
  
  <p>I'm running a wordpress site with multilingual control. And my menu/navigation is dynamic, controlled via the wordpress admin. The multilingual language plugin also changes the dynamic menu/navigation content, as well as page content.</p>
  
  <p>My <em>Contact</em> button, which is in the dynamic navigation, opens a sliding menu using jQuery. Very simple animation using top css. The contact button is on the page twice, hence why I'm not using the .toggle for iterations. <a href="http://jsfiddle.net/motocomdigital/Qh8fL/4/" rel="nofollow">See jsFiddle</a>.</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>var $button  = $(".contact-button"),
      // var for button which controls sliding div
      $slide   = $("#content-slide");
      // var for the div which slides up and down
  
  $button.on('click', function () {
      // function for when button is clicked
  
      if ($button.html() == 'Close') {
          // run this if button says 'Close'
  
          $slide.stop().animate({ top: "-269px" }, 300);
          // close slide animation
          $button.html('Contact');
          // change text back to 'Contact'
  
  
      } else {
          // else if button says Contact or anything else
  
          $slide.stop().animate({ top: "0" }, 300);
          // open slide animation
          $button.html('Close');
          // change text to 'Close'
      }
  });
  </code></pre>
  
  <p><strong>Problem</strong></p>
  
  <p>Because I'm running multilingual on the site. The navigation spelling changes. <a href="http://jsfiddle.net/motocomdigital/Qh8fL/4/" rel="nofollow">See jsFiddle flag buttons for example</a>. This is fine, the animation still runs OK, because it's using the button class 'contact-button'.</p>
  
  <p>But because I'm using the .html to replace the text of the button to "Close" and then on the second iteration, back to "Contact" - obviously this is a problem for other languages, as it always changes to English 'close' and back to English 'Contact'</p>
  
  <p>But my three languages and words that I need the iterations to run through are...</p>
  
  <p>Contact - Close<br />
  Contatto - Cerca<br />
  Contacto - Chiudere</p>
  
  <p>Can anyone help me expand my script to accommodate three languages, all my attempts have failed. The <a href="http://jsfiddle.net/motocomdigital/Qh8fL/4/" rel="nofollow">jsFiddle</a> has the script.</p>
  
  <p><strong>The language functionality in the fiddle is only for demo purposes, so the iteration sequence can be tested from the beginning. I understand if you change the language whilst the menu is open (in the fiddle), it will confused it. But when the language is changed on my site, the whole page refreshes, which closes the slide and resets the sequence. So it does not matter.</strong></p>
  
  <p>Any pro help would be awesome thanks!!!</p>
  
  <hr>
  
  <p><strong>MY POOR ATTEMPT, BUT YOU CAN SEE WHAT I'M TRYING TO ACHIEVE</strong> </p>
  
  <pre><code>var $button  = $(".contact-button"),
      // Var for button which controls sliding div
      $slide   = $("#content-slide");
      // Var for the div which slides up and down
  
  $button.on('click', function () {
      // function for when button is clicked
  
      if ($button.html() == 'Close' || 'Cerca'|| 'Chiudere' ) {
          // run this if button says Close or Cerca or Chiudere
  
          $slide.stop().animate({ top: "-269px" }, 300);
          // Close slide animation
  
          $(function () {
              if ($button.html(== 'Close') {
                  $button.html('Contact'); }
              else if ($button.html(== 'Cerca') {
                  $button.html('Contatto'); }
              else ($button.html(== 'Chiudere') {
                  $button.html('Contacto'); }
          });
          // Change text back to Contact in correct language
  
      } else {
          // else if button says Contact or anything else
  
          $slide.stop().animate({ top: "0" }, 300);
          // Open slide animation
  
          $(function () {
              if ($button.html(== 'Contact') {
                  $button.html('Close'); }
              else if ($button.html(== 'Contatto') {
                  $button.html('Cerca'); }
              else ($button.html(== 'Contacto') {
                  $button.html('Chiudere'); }
          });
          // Change text back to Close in the correct language
  
      }
  });
  </code></pre>
  
  <p>See my attempt script above which is not working on this <a href="http://jsfiddle.net/motocomdigital/Qh8fL/9/" rel="nofollow">jsFiddle</a>.</p>