10 examples of 'jquery toggle css' in JavaScript

25
function toggle(selector) {
26
  getListItem(this).find(selector).toggle();
27
}

21
function toggleShowHide(selector) {
22
  toggleClass(selector, null, 'hidden')
23
}

11
function jQueryToggle(event) {
12
    var $toggle = $(event.target),
13
        $content = $toggle.parent('.component').find('.content');
14
    $content.slideToggle(200);
15
}

17
function toggle(els, visible){
18
    for(var i = 0; i < els.length; i++){
19
        els[i].style.display = visible ? '' : 'none';
20
    }
21
}

2539
function toggleClassName(element, className, bool) {
2540
  if (!(element = $(element))) return;
2541
  
2542
  if (Object.isUndefined(bool))
2543
    bool = !hasClassName(element, className);
2544
    
2545
  var method = Element[bool ? 'addClassName' : 'removeClassName'];
2546
  return method(element, className);
2547
}

13
function toggleClass(elem, className) {
14
    var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
15
    if(hasClass(elem, className)) {
16
        while(newClass.indexOf(' ' + className + ' ') >= 0) {
17
            newClass = newClass.replace(' ' + className + ' ', ' ');
18
        }
19
        elem.className = newClass.replace(/^\s+|\s+$/g, '');
20
    } else {
21
        elem.className += ' ' + className;
22
    }
23
}

604
function toggleClass(elt, cls) {
605
    if (!elt) return;
606
607
    var classArr = (elt.className || "").split(" ");
608
    var classIndex = classArr.indexOf(cls);
609
    if (~classIndex) {
610
        classArr[classIndex] = null;
611
    } else {
612
        classArr.push(cls);
613
    }
614
615
    elt.className = classArr.join(" ").replace(/\s{2,}/g, ' ').replace(/^\s+|\s+$/g, '');
616
}

181
function toggle_class ( selector, name ) {
182
  $(selector).toggleClass ( name );
183
}

28
toggleClasses(Toggle, ClassNames) {
29
    const Level = ClassNames.indexOf(Toggle);
30
    const NewClassNames = ClassNames.slice(0, Level + 1);
31
    if (this.removeClasses(NewClassNames)) {
32
        NewClassNames.map((Class) => this.renderer.removeClass(this.document.body, Class));
33
    }
34
    else {
35
        this.renderer.addClass(this.document.body, Toggle);
36
    }
37
}

105
function toggle(element) {
106
    if ($(element).is(":visible")) {
107
        hide(element);
108
    } else {
109
        show(element);
110
    }
111
}