< ClearExperience >

Редакция:	02.04.2020
Теги:	JQuery

Меню (работа с подпунктами)

JQuery

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

jQuery(document).ready(function($) {

// Меню (подпункты)

(function(){

var $cover = $('.menu'),

$trigs = $cover.find('.menu_item'),

$targs = $cover.find('.menu_item_popup');

if (!$trigs.length || !$targs.length) return;

$trigs.on('click', function() {

var $trig = $(this),

$targ = $trig.siblings();

// Закрыть остальное

if (!$trig.hasClass('active')) {

$trigs.removeClass('active');

$targs.slideUp();

}

// Открыть/Закрыть нужное

$trig.toggleClass('active');

$targ.slideToggle();

});

})();

});