ゴール [日本語 ←→ 英語] の表示をワンクリックで切り替えたい。それも読み込み無しで。 レシピ概要 1 UIはトグルスイッチのライブラリを探してきて使います 2 両言語のコンテンツを読み込んでから、必要なもの以外を非表示にすることで実現 3 言語情報をセッションに保持して他のページに行っても維持する 1. UIのトグルスイッチ Simon Tabor 氏作成の jQuery Toggles (http://simontabor.com/toggles/ )を使います。 <div id="language-swicher" class="toggle-light" ></div> <script type="text/javascript"> jQuery(function() { $('#language-swicher').toggles({ text:{on:'日本語',off:'
![jQuery で多言語切り替え - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/37559526273d21f24cbe4ee50bc18b5f974e387f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9alF1ZXJ5JTIwJUUzJTgxJUE3JUU1JUE0JTlBJUU4JUE4JTgwJUU4JUFBJTlFJUU1JTg4JTg3JUUzJTgyJThBJUU2JTlCJUJGJUUzJTgxJTg4JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02YWI5OGRmYmE3N2MxZmJhOTQyNmJhNWM0MzRmYTljMA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweXVnb2tpdGFqaW1hJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05NmIyZDRhZTViYWU0MDkyZTAxOGNhYmU5ZmIzZWNmMQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Daae60dab2c8b96ff4522a1eef20651d1)