Как заменить текст при нажатии на картинку?

Question

[Александр Корегин]

У меня проблема, я хочу чтобы при нажатии на фотографию она подсвечивалась (это я сделал) и появлялся другой текст (описание).

<div class="about-text">
            <p>Нажми на фоточку и будет тебе Magic</p>
        </div>

let activPhoto = $().css('.active-photo');
let text = "“1orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ”"

$('.photo').click(function(){
    $('.photo').toggleClass(activPhoto);
    $('.about-text').append('<p>' + text + '<p>');
});

Но у меня текст не изменяется, а наоборот добавляется.

Answer 1

[Johny Marx]

.append - добавляет текст а не заменяет его.
Вам нужно другое.

$('.photo').click(function(){
$(.about-text).text($(.about-text).text() == 'active' ? 'not active' : 'active');
});

Comments

[Александр Корегин]

А знаешь как сделать так, чтобы когда выбирал другую фотографию, другая фотографию убирала подсветку.

[Johny Marx]

Александр Корегин, каким образом добавляешь подсветку ? Если классом то, просто менять класс.