Skip to content

Commit 2df07d6

Browse files
Cikidg
authored andcommitted
support for toggling by CSS selector, not only id (#210)
this is useful eg. for controls manually rendered as table cells `<td>` which have only `<tr>` valid parent .. if there are multiple cells within table row toggling via `id` is not feasible (it would toggle all the cells in that row).
1 parent 11e21e5 commit 2df07d6

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

src/assets/netteForms.js

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -655,9 +655,12 @@
655655
* Displays or hides HTML element.
656656
*/
657657
Nette.toggle = function(id, visible, srcElement) { // eslint-disable-line no-unused-vars
658-
var elem = document.getElementById(id);
659-
if (elem) {
660-
elem.style.display = visible ? '' : 'none';
658+
if (/^\w+$/.test(id)) { // id
659+
id = '#' + id;
660+
}
661+
var elems = document.querySelectorAll(id);
662+
for (var i = 0; i < elems.length; i++) {
663+
elems[i].style.display = visible ? '' : 'none';
661664
}
662665
};
663666

0 commit comments

Comments
 (0)