0

http://maximebichon.net/test.html

ウェブサイトはこちらです。私の問題は非常に単純です。ページでわかるように、メニューの下部に「fr / en」と表示されています。明らかに、ある種のフランス語と英語の切り替えが必要です。これは手作業でコーディングされた Web サイトであるため、ユーザーが fr または en をクリックすると、特定のクラスを非表示にして別のクラスを表示する単純な jquery を追加できると考えました。

これまでに使用したコードは次のとおりです（stackoverflowにあります）：

$(document).click(function() {
var toggleElements = $(".toggleMe");
$.each(toggleElements, function (key, value) {
   if (value.hasClass('hidden')) {
       value.removeClass('hidden');
       value.addClass('shown');
   } else {
       if (value.hasClass('shown')) {
           value.removeClass('shown');
           value.addClass('hidden');
       }
   }
});
});

これがcssです（かなり単純です）

.hidden{
display: none;
}
.shown{
display: block;
}

何が悪いのか教えていただけますか？言語を切り替えるには、リンクの href またはクラスに何を追加すればよいですか? どうもありがとう ！

4

3 に答える 3

0

ロジックが正しいと仮定して、「値」の代わりに $(value) を使用してみてください

$(document).click(function() {
var toggleElements = $(".toggleMe");
$.each(toggleElements, function (key, value) {
   if ($(value).hasClass('hidden')) {
       $(value).removeClass('hidden');
       $(value).addClass('shown');
   } else {
       if ($(value).hasClass('shown')) {
           $(value).removeClass('shown');
           $(value).addClass('hidden');
       }
   }
});
});
于 2013-08-22T14:33:08.240 に答える