jQuery .click function issue

Question

Мне нужен абзац, который исчезает при нажатии кнопки, и мне также нужен другой абзац, который будет исчезать одновременно. Я пробовал все, о чем я могу думать, даже форматируя по-другому, но ничего не работает. Мой код выглядит так:

$(document).ready(function() { 
$('.s3').addClass('.one'); 
$('.button1').addClass('.party'); 
$('.button2').addClass('.bear'); 
$('.button1').click(function(){ 
    $('.one').fadeOut('fast'); 
    $('.ifparty').fadeIn('slow',1); 
}); 
}); 

Answer 1

Я думаю, вы хотели добавить класс «один» не «.one». Ваш селектор не собирается выбирать то, что вы сейчас добавляете. То же самое с другими вызовами addClass().

$(document).ready(function() { 
$('.s3').addClass('one'); 
$('.button1').addClass('party'); 
$('.button2').addClass('bear'); 
$('.button1').click(function(){ 
    $('.one').fadeOut(200); 
    $('.ifparty').fadeIn(2000); 
}); 

A FIDDLE

Answer 2

http://jsfiddle.net/7Gcjp/1/

Вам не нужно. с именем класса при добавлении класса в элемент.

$('.s3').addClass('one');