jQuery divs slideDown для выбранной категории

0

У меня есть скрытые теги div в моем html, который я хочу отображать, когда пользователь выбирает какую-то категорию, но у меня больше скрытых div, потому что это большой сайт. И я должен отображать их, когда пользователь выбирает определенную категорию.

Моя проблема здесь в том, что я новичок в jQuery, и я действительно не знаю, правильно ли это, но я знаю, что у меня проблема с таким же образом:

Here is a fiddle to check

Нет проблем, когда я сначала выбираю первую категорию, но потом, когда я выбираю другую, и обратно к первой проблеме, не работает должным образом. Я не понимаю, где может быть проблема.

Или я должен использовать это все slideDown в одной категории в функции изменения?

Если кто-то может помочь мне здесь в этих ситуациях и дать мне очень правильный способ использования slideDown, как в этих ситуациях.

Благодарю.

  • 0
    Пожалуйста, оставьте соответствующий код!
  • 0
    Соответствующий код слишком велик. Как вы видите в скрипте, у меня та же проблема с моим соответствующим кодом. Мне просто интересно, правильно ли я делаю этот слайддаун при изменении категории.
Теги:
categories
slide

1 ответ

1

я бы сделал это таким образом

$(document).ready(function () {

    $('#dropdown').on('change', function () {
         $('.common-class-for-all-hidden-divs').hide();
        var selection = $(this).val();

           $('#category_show_'+selection).show('slow');

    });
});

один из примеров скрытых divs

<div id="category_show_3" class="common-class-for-all-hidden-divs" >
        <select name="category_show_3">
            <option value="">category_show_3</option>
            <option value="1">category_show_3</option>
            <option value="2">category_show_3</option>
            <option value="3">category_show_3</option>
            <option value="4">category_show_3</option>
            <option value="5">category_show_3</option>
        </select>
    </div>

css part -

.common-class-for-all-hidden-divs{
  display:none;
}
Поделиться
  • 0
    Да, это очень хороший пример, принц. Но не очень подходит для моего случая. В некоторых других случаях я буду рад использовать этот пример.
  • 1
    проверьте это jsfiddle jsfiddle.net/v53uQ/2 . это то, что я получил в соответствии с моим пониманием вашей проблемы
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню