Блог

Главная - Вопросы по программированию - Скрытие окна jQuery

Скрытие окна jQuery

#jquery

#jquery

Вопрос:

Я довольно новичок в jQuery, и я хотел задать вопрос. В принципе, у меня есть четыре ссылки, которые при нажатии исчезают в div с помощью функции jQuery. Что я хотел бы сделать, так это создать функцию, чтобы при нажатии на одну ссылку все остальные разделы исчезали. Поэтому, когда я нажимаю на ссылку, чтобы исчезнуть в div, любой другой div, будь то один, два или три, исчезнет и откроет новый div.

Как бы я это сделал???

Спасибо!

Джей Уинтон

Комментарии:

1. Звучит довольно просто. Можете ли вы предоставить какой-нибудь образец html?

2. Можете ли вы создать jsfiddle. сеть с вашим кодом до сих пор?

Ответ №1:

На этот вопрос было бы проще ответить более конкретно, но давайте предположим, что ваши divs различаются по идентификатору. Кроме того, давайте предположим, что ссылки указывают на идентификатор фрагмента, который дает идентификатор div, в котором вы хотите исчезнуть

 $(something).click(function () {
    var target = $(this).attr('href').split("#")[1], // edit: removed the incorrect argument.
        $divs = $("div[id]"); // all divs with ids

    $divs.not("#" target).fadeOut(); // Fade out other divs
    $divs.filter("#" target).fadeIn(); // Fade in targeted div
});

Комментарии:

1. Спасибо всем! В настоящее время у меня нет никакого кода, чтобы показать вам, но я сделаю все возможное, чтобы объяснить это лучше. Я бы хотел, чтобы это делалось так. У меня будет неупорядоченный список с несколькими элементами списка, все с идентификаторами. Я бы хотел, чтобы это работало так, чтобы при нажатии на один элемент списка он исчезал в div, с которым он связан в js, и исчезал, или применялся какой-либо эффект js, любой другой div, который может быть включен. Имеет ли это больше смысла? Вот пример с другого веб-сайта, из которого я черпал вдохновение. worldofmerix.com

2. Я думаю, у вас все наоборот. Неупорядоченный список должен содержать якоря со ссылками, которые нацелены на идентификаторы. Целевые div -файлы на самом деле имеют идентификаторы. Именно так это делает worldofmerix, и именно так это делает приведенный выше код. Это имеет наибольший смысл, поскольку именно так на самом деле работают браузеры, даже без JavaScript. Есть ли что-то в приведенном выше коде, что у вас не работает?

3. Хорошо, @kojiro, я это неправильно понял! Вы были великолепны!

Метки: