title: Toggle a js and css file in each click with Jquery on the same link
body: <p>"Kundan Singh Chouhan" helped me to solve this problem a few weeks ago:
  <a href="https://stackoverflow.com/questions/12768255/call-a-css-file-by-jquery-append-and-delete-this-by-second-click-on-the-same/12768326">Call a CSS file by Jquery .append(), and delete this by second click on the same element</a></p>
  
  <p>But the problem became more complex. I want to use our ancient writing, the "Rovás" on the site:
  <a href="http://jakabszallas.hu/?page_id=1271" rel="nofollow noreferrer">Jakabszallas.hu</a></p>
  
  <p>I can't use a simple font-face CSS, because there are letters (dzs, cs, gy, ty) which have one simple character in the Rovás writing. That's why the creators of the "Rovás" font families not putted the characters on the keyboard where they belonging. So, the rovás "á" letter is not under the latin "á" character on my keyboard.</p>
  
  <p>That's why they created this javascript:
  <a href="http://rovasmag.hu/fjrovas-wordpress" rel="nofollow noreferrer">Rovásmag</a></p>
  
  <p>Right now I using this on my site and I triggering with the same link on the site (top right corner), when I used with font-face in the past.</p>
  
  <p>So, there is this link:</p>
  
  <pre><code>&lt;li class="skip-link-rovas"&gt;&lt;a class="assistive-text" href="#" accesskey="7"&gt;Rovás&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>There is this javascript on the bottom of my site:</p>
  
  <pre><code>&lt;script src="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/js/rovasmag.js" type="text/javascript"&gt;&lt;/script&gt;&lt;!-- Rovas --&gt;
  &lt;script src="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/js/scripts.js" type="text/javascript"&gt;&lt;/script&gt;&lt;!-- Additional scripts --&gt;
  </code></pre>
  
  <p>In the scripts.js this two jquery scripts:</p>
  
  <pre><code>// Jquery CSS switcher (Rovás)
  $(document).ready(function() {
      $(".skip-link-rovas").click(function(){
          if($(this).find("link").length &lt;= 0)
              $(this).append('&lt;link rel="stylesheet" type="text/css" media="all" href="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/css/rovas.css" /&gt;');
          else
              $(this).find("link").remove();
      });
  });
  
  $(document).ready(function() {
      $('.skip-link-rovas').click(function(){
          rovasmag_atro();
      });
  });
  </code></pre>
  
  <p>"rovasmag_atro();" is calling the "rovasmag.js" javascript, which is changing every font to "Rovás" writing and also changing the writing direction from right to left. This javascript is the only way to change the "dzs, cs, gy, ty" letters to the proper character in the "Rovás" font.</p>
  
  <p>I'm not javascript programmer at all!
  My question is:
  Is it possible to integrate somehow the "rovasmag_atro()" into the upper javascript, which is call the css file and on the second click, it's turning off?</p>