/Javascript/jQuery/Jquery accordion toggle close open

Jquery accordion toggle close open

$(".accordion__headline").click(function () {
       if($(this).parent('div').hasClass('expanded')) {
         $(this).next('div').slideUp();
         $(this).parent('div').removeClass('expanded');
         $(this).children('div + .accordion__close').text('раскрыть');
		 $(this).children('.icon-ArrowUp').hide();
		 $(this).children('.icon-ArrowDown').show();
        } else {
          $(this).parent('div').addClass('expanded');
          $(this).next('div').slideDown();
		  $(this).children('div + .accordion__close').text('скрыть');
		  $(this).children('.icon-ArrowDown').hide();
		  $(this).children('.icon-ArrowUp').show();
        }
});

Similar codes

4 votes128 views4 answers
Get name jquery
Javascript jQuery
1 vote111 views1 answer
Jquery create input hidden
Javascript jQuery
100 votes125 views6 answers
Check checkbox by jquery
Javascript jQuery
0 vote68 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
9 votes73 views5 answers
Check hidden element in jquery
Javascript jQuery
0 vote103 views1 answer
Jquery if element appears
Javascript jQuery
0 vote97 views1 answer
JQuery find element before
Javascript jQuery
1 vote105 views1 answer
How to use jquery in chrome dev tools
Javascript jQuery
0 vote103 views1 answer
Toggle attribute jquery
Javascript jQuery
4 votes99 views1 answer
Change background colour jquery
Javascript jQuery