1

これについてはすでにここで取り上げているはずですが、具体的にこれを扱っている質問を突き止めることができませんでした。

このように、ページ内に2つのdivがあります...

<div class="span4 section">
    ...content...
</div>
<div class="span8 section">
...content...
</div>

span4 divを非表示にし、span8 divのクラスをspan12に変更するonclickを実装する必要があります。その後、元に戻すことができます（jQuery.toggleを使用すると思います）。

私はどちらか一方をうまく行うことができますが、JS / jQueryの知識がいくらか限られているため、両方を同時に機能させることはできません。

4

4 に答える 4

5

span8クラスに別のクラス名を追加する必要がありますtoggleSpan。

$('.clickElement').click(function () {
  $('.span4').toggle(); // this toggles only visibility
  $('.toggleSpan').toggleClass('span8 span12');
});

トリガーとして使用する要素にクラスがあると仮定しますclickElement

于 2013-02-08T15:22:04.313 に答える
1

これを支援するためにデータ属性を使用できます。これは次のようになります。

$('#target').click(function(event){
    if ($(this).data('toggled') == '1') {
        $('.span8').addClass('span12').removeClass('span8');
        $(this).data('toggled', '0');
    } else {
        $('.span12').addClass('span8').removeClass('span12');
        $(this).data('toggled', '1');
    }
});
于 2013-02-08T15:24:39.230 に答える
0 
$(this).toggleClass('span12 section');
$('.class="span4 section").hide();

クリック時にこの関数を呼び出す

于 2013-02-08T15:20:44.167 に答える
0

これを試してください：http：//jsfiddle.net/SwANP/

$('.section').click(function(){
   $('.section:eq(0)').toggleClass('span4');
   $('.section:eq(1)').toggleClass('span8 span12');
});
于 2013-02-08T15:23:08.570 に答える