10 examples of 'jquery toggle text' in JavaScript

10
function toggle(toggleId)
11
{
12
    var toggle = document.getElementById ? document.getElementById(toggleId) : document.all[toggleId];
13
    toggle.textContent = toggle.innerHTML == '\u25b6' ? '\u25bc' : '\u25b6';
14
}

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

93
set innerText(text) {
94
	this._innerText = text || "";
95
	this.updateStyles();
96
}

68
function toggleElement(elemName) {
69
  var element = $(elemName);
70
  if (element.style.display == 'none') {
71
    element.style.display = 'block';
72
    return;
73
  }
74
  element.style.display = 'none';
75
}

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

25
static toggle () {
26
    const $container = $(this).closest('.js-toggle-container');
27
    const $content = $container.find('.js-toggle-content');
28
    if ($content.hasClass('display-none')) {
29
        ToggleElement.show($container);
30
    } else {
31
        ToggleElement.hide($container);
32
    }
33
}

13
function tinymceToggle() {
14
  if (!tinymce.activeEditor) {
15
    // necessary since CSS and JS files are merged in a different directory
16
    tinymce.baseURL = wwwRoot + 'js/third-party/tinymce-4.9.1';
17
    tinymce.suffix = '.min';
18
19
    tinymce.init({
20
      branding: false,
21
      content_css: '../css/tinymce.css',
22
      entity_encoding: 'raw',
23
      menubar: false,
24
      resize: 'both',
25
      selector: '.tinymceTextarea',
26
      setup: tinymceSetup,
27
      toolbar: 'undo redo | bold italic spaced superscript subscript abbrev',
28
      width: '100%',
29
    });
30
    $.cookie(TINYMCE_COOKIE, 'on', { expires: 3650, path: '/' });
31
  } else {
32
    for (id in tinymce.editors) {
33
      tinymce.EditorManager.execCommand(
34
        'mceRemoveEditor',true, id);
35
    }
36
    $.cookie(TINYMCE_COOKIE, 'off', { expires: 3650, path: '/' });
37
  }
38
  return false;
39
}

46
function toggle (event:any) {
47
  // ignore the event if a key different from ENTER was pressed.
48
  if (event.type === 'keypress' && event.which !== 13) {
49
    return false;
50
  }
51
52
  const target = $(event.target);
53
  const targetList = target.closest('ul.-with-hierarchy > li');
54
  targetList.toggleClass('-hierarchy-collapsed -hierarchy-expanded');
55
  return false;
56
}

1029
function toggle(id, $link) {
1030
  $node = document.getElementById(id);
1031
  if (!$node)
1032
  return;
1033
  if (!$node.style.display || $node.style.display == 'none') {
1034
  $node.style.display = 'block';
1035
  $link.innerHTML = 'Hide source ≢';
1036
  } else {
1037
  $node.style.display = 'none';
1038
  $link.innerHTML = 'Show source ≡';
1039
  }
1040
}

75
toggle: function toggle(elem, callback) {
76
    // Initialise a 'toggle' control
77
    $(elem).click(function() {
78
        if($(elem).hasClass("pressed")) {
79
            $(elem).removeClass("pressed");
80
        } else {
81
            $(elem).addClass("pressed");
82
        }
83
        if(callback) {
84
            return callback($(elem).hasClass("pressed"));
85
        }
86
    });
87
},