source: main/trunk/model-interfaces-dev/heritage-nz/iframe/heritage-nz-dl_files/hpt.js@ 32796

Last change on this file since 32796 was 32796, checked in by davidb, 5 years ago

Initial set of files to provide look and feel of Heritage NZ site, plus SVN clickable map in an iframe

  • Property svn:executable set to *
File size: 3.5 KB
Line 
1(function ($) {
2
3 // Toggle Search Area
4 var toggle = function toggleF(triggerSelector, toggleAreaSelector) {
5 $(triggerSelector).click(function (e) {
6 var $selected = $(this);
7
8 e.preventDefault();
9
10 if ($selected.attr("aria-selected") === "true") {
11 $selected
12 .attr("aria-selected", "false");
13
14 $(toggleAreaSelector)
15 .attr("aria-hidden", "true")
16 .attr("aria-expanded", "false")
17 .addClass('noDisplay');
18 } else {
19 $selected
20 .attr("aria-selected", "true");
21
22 $(toggleAreaSelector)
23 .attr("aria-hidden", "false")
24 .attr("aria-expanded", "true")
25 .removeClass('noDisplay');
26 }
27 });
28 };
29
30 // Toggle areas using triggers and areas - first 5 characters are removed so find the related area
31 // If the toggle area is too big, default it to closed
32 var toggleArea = function toggleAreaF(trigger) {
33
34 $(".toggle-trigger").each(function() {
35 var $toggleTrigger = $(this);
36 var $toggleArea = $('#' + $toggleTrigger.attr('aria-controls'));
37 var maxHeight = 300;
38
39 if ($toggleArea.height() > maxHeight) {
40
41 $toggleTrigger.attr("aria-selected", "false").toggleClass("toggle-closed");
42
43
44 $toggleArea
45 .attr("aria-hidden", "true")
46 .attr("aria-expanded", "false")
47 .addClass('noDisplay');
48 }
49 });
50
51 $(trigger).click(function(e) {
52 var $selected = $(this);
53 var $toggle = $('#' + $selected.attr('aria-controls'));
54
55 e.preventDefault();
56
57 $selected
58 .toggleAttr("aria-selected", ["true", "false"])
59 .toggleClass("toggle-closed");
60
61 $toggle
62 .toggleAttr("aria-hidden", ["false", "true"])
63 .toggleAttr("aria-expanded", ["true", "false"])
64 .slideToggle(500);
65 });
66 };
67
68 $(function () {
69 /*$('#siteSections').select2();*/
70
71 //window.addthis.init();
72
73 if ($('.accordion, .tabs').length) {
74 //Tabs
75 $('.accordion, .tabs').TabsAccordion({
76 hashWatch: true,
77 pauseMedia: true,
78 responsiveSwitch: 'tablist',
79 saveState: window.sessionStorage
80 });
81 }
82
83 $('.subNav .children').click(function (e) {
84 $(this).toggleClass('open').siblings('ul').toggleClass('display').slideToggle(200);
85 });
86
87 $('.subNav .hider').click(function (e) {
88 e.preventDefault();
89 $(this).parent('.subNav').toggleClass('hide').siblings('.content').toggleClass('expand');
90 setTimeout(function () {
91 $(window).trigger('resize');
92 }, 1000);
93 });
94
95 $('figcaption').click(function (e) {
96 $(this).parent('figure').toggleClass('expand');
97 });
98
99 toggle('.toggle-button', '#expand-results');
100
101 setTimeout(function() {
102 $('.subNav .current').next('.children').trigger('click');
103 }, 0);
104
105
106 });// close doc ready
107
108 $(window).load(function () {
109 toggleArea('.toggle-trigger');
110 });
111
112})(jQuery);
Note: See TracBrowser for help on using the repository browser.