0

В html есть код:

<div id="switchGal">
    <p>Показать/Скрыть галерею</p>
    </a>
</div>
<div id="gallery">
    <div id="big">
        <img src="images/gal/start.jpg" alt="Старт" />
    </div>
    <div id="small">
        <a href="images/gal/1.jpg">
            <img src="images/gal/1_mini.jpg" alt="Миниатюра 1" />
        </a>
        <a href="images/gal/2.jpg">
            <img src="images/gal/2_mini.jpg" alt="Миниатюра 2" />
        </a>
        <a href="images/gal/3.jpg">
            <img src="images/gal/3_mini.jpg" alt="Миниатюра 3" />
        </a>
        <a href="images/gal/4.jpg">
            <img src="images/gal/4_mini.jpg" alt="Миниатюра 4" />
        </a>
    </div>
</div>

Вот скрипт, который должен скрывать галерею и показывать:

$(document).ready(function () {
    $('#small a').click(function (eventOject) {
        $('#big img').hide().attr('src', $(this).attr('href'));
        $('#big img').load(function () {
            $(this).fadeIn(1000);
        });
        return false;
    }); // конец click
    $('#switchGal').toggle(function () {
        $('#gallery').fadeToggle(2000);
    },
    function () {
        $('#gallery').fadeToggle(2000);
    });
}); //конец ready

В css блок gallery скрыл изначально.

Проблема в том, что скрывается сам текст "Показать/Скрыть галерею", а должна показывается при первом щелчке галерея, а при втором скрывается. Не знаю, в чём ошибка, подскажите, пожалуйста.

2

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Посмотрите другие вопросы с метками или задайте свой вопрос.