2012-04-26 10 views
0

私の頭をこの上で掻き、しばらくの間、私はすぐに髪を失います。クリック時にCSSスタイルを切り替える

私はここにサイト持っている: http://ve.jago-staging.com/は私だけではなく、丸いクリックリンクから、私はおすすめの投稿をクリックしたときの遷移が同じように発生するように、私は以下のコードを変更することができますどのように把握しようとしています。

私は要素自体をクリックしてスタイルを変更するが、外部的には制御しない例を見てきました。

ラウンドクリックすると、まだ助け

(function($) { 
     $(document).ready(function() { 
      $('.feature-slider a').click(function(e) { 
       $('.featured-posts section.featured-post').css({ 
        opacity: 0, 
        visibility: 'hidden' 
       }); 
       $(this.hash).css({ 
        opacity: 1, 
        visibility: 'visible' 
       }); 
       $('.feature-slider a').removeClass('active'); 
       $(this).addClass('active'); 
       e.preventDefault(); 
      }); 
     }); 
    })(jQuery); 
+0

特集記事はどこにありますか – defau1t

+0

そして、まだ動作する必要のある「ラウンド・クリック」は何ですか? –

+0

http://jsfiddle.net/shavindra/PJAc8/コードを簡略化して、うまくいけばいいですか? – MonteCristo

答えて

3

ため

おかげで作業する必要があり、これを行います。

$(document).ready(function() { 
     $('.feature-slider a').click(function(e) { 
      $('.featured-posts section.featured-post').toggleClass('your-extra-css'); 
     }); 
    }); 

をそして、あなたのCSSでCSSのものを追加します。

.your-extra-css { 
visibility:visible; 
} 
+0

http://jsfiddle.net/shavindra/PJAc8/1/かなりうまくいきませんか? – MonteCristo

+0

'your-extra-css'クラスをすでにドキュメントに追加するべきではありません。 jQueryがクラスを追加するときに、あなたのCSSコードで何をすべきかを伝えます。クラスが追加されない限り、 'featured-post'クラスは隠されているか、表示されません。 コードを編集しました: http://jsfiddle.net/PJAc8/4/ –

関連する問題