jQuery предотвращает другую связь toggling

я сделал простой toggling как этот:

<script>
$(document).ready(function(){
    $("#tog1").click(function(){
        $("#rel1").slideToggle();
  })

$("#tog2").click(function(){
        $("#rel2").slideToggle();
  })

......

})
<script>

</div>

<div id="rel1"></div>
<div id="rel2"></div>
<div id="rel3"></div>
<div id="rel4"></div>

i want to prevent or disable other links toggling when i press one and allow only for one link to be toggled

0
nl ja de

1 ответы

Во-первых, я добавил бы класс и a данные - припишите всем тем связям:

  • اتصل بالعضو
  • 
    

    Теперь мы можем сделать одного укладчика щелчка для них всех. Извлеките ID отделения из это и закройте .siblings () когда вы открываете его:

    $(".tog").click(function(){
        var $div = $('#'+$(this).data('rel'));
        $div.slideToggle().siblings('div').slideUp();
    })
    

    http://jsfiddle.net/mblase75/HVNbB/

    1
    добавлено
    пламя спасибо, это, что я имею в виду, хорошая идея........
    добавлено автор Mohamed Amin, источник
    Верстка сайтов HTML/CSS/JS/PHP
    Верстка сайтов HTML/CSS/JS/PHP
    3 439 участник(ов)

    Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

    Чат — Типичный Верстальщик
    Чат — Типичный Верстальщик
    1 080 участник(ов)

    Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

    Веб-Технологи: UI/UX, Вёрстка, Фронтенд
    Веб-Технологи: UI/UX, Вёрстка, Фронтенд
    167 участник(ов)

    Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

    DTP :: @DTPublish
    DTP :: @DTPublish
    147 участник(ов)

    Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing