2012-04-26 4 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 делает это для вас после того, как вы нажмете h1;) Когда jQuery добавляет класс, который вы указываете своим кодом css, что он должен делать. Поскольку класс не добавлен, класс 'featured-post' скрыт или не отображается. Я отредактировал код для вас: http://jsfiddle.net/PJAc8/4/ –

Смежные вопросы