{"id":1052,"date":"2022-03-28T11:11:29","date_gmt":"2022-03-28T03:11:29","guid":{"rendered":"https:\/\/hkuivf.hku.hk\/?page_id=1052"},"modified":"2022-03-28T11:15:29","modified_gmt":"2022-03-28T03:15:29","slug":"english-terms-testing","status":"publish","type":"page","link":"https:\/\/hkuivf.hku.hk\/en\/english-terms-testing\/","title":{"rendered":"terms-testing"},"content":{"rendered":"<p><\/p>\n<p class=\"accordion\">1. Psychosocial evaluation \u25bc<\/p>\n<div class=\"panel\">\nThird-party reproduction such as use of donor eggs and sperm is a recognized method to enable infertile couples with no eggs or sperm to conceive.\n<\/div>\n<p class=\"accordion\"><em><u>1. Psychosocial evaluation<\/u><\/em><\/p>\n<div class=\"panel\">\nThird-party reproduction such as use of donor eggs and sperm is a recognized method to enable infertile couples with no eggs or sperm to conceive.\n<\/div>\n<p class=\"accordion\" style=\"background-color: #ddd;\">1. Psychosocial evaluation<\/p>\n<div class=\"panel\">\nThird-party reproduction such as use of donor eggs and sperm is a recognized method to enable infertile couples with no eggs or sperm to conceive.\n<\/div>\n<p><script type=\"text\/javascript\">\r\nvar style = document.createElement('style');\r\n  style.innerHTML = `\r\n<style>\r\n#mask {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 100;\r\n  background-color: #000;\r\n  display: none;\r\n}\r\n\r\n#boxes .window {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  width: 50vw;\r\n  height: 60vh;\r\n  display: none;\r\n  z-index: 200;\r\n  padding: 20px;\r\n  border-radius: 15px;\r\n  text-align: center;\r\n  overflow: auto;\r\n\r\n}\r\n\r\n#boxes {\r\n  z-index: 200;\r\n}\r\n\r\n#boxes #dialog {\r\n  width: 50vw;\r\n  height: 60vh;\r\n  padding: 10px;\r\n  background-color: #ffffff;\r\n  font-size: 14pt;\r\n  text-align: left;\r\n  overflow: auto;\r\n}\r\n\r\n#popupfoot {\r\n  font-size: 16pt;\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: 50%;\r\n  left: 25%;\r\n}\r\n#overlay {\r\nposition: fixed;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground-color: #000;\r\nfilter:alpha(opacity=70);\r\n-moz-opacity:0.7;\r\n-khtml-opacity: 0.7;\r\nopacity: 0.7;\r\nz-index: 100;\r\ndisplay: none;\r\n}\r\n@media (max-width: 992px) {\r\n\t#boxes #dialog {\r\n\t\twidth: 75%;\r\n\t\theight: 75%;\r\n\t\tpadding: 10px;\r\n\t\tbackground-color: #ffffff;\r\n\t\tfont-size: 12pt;\r\n\t\toverflow: auto;\r\n\t}\r\n\t#popupfoot {\r\n\t\tfont-size: 12pt;\r\n\t\tposition: absolute;\r\n\t\tbottom: 0px;\r\n\t\twidth: 75%;\r\n\t\tleft: 12.5%;\r\n\t}\r\n  }\r\n}\r\n\/* Style the element that is used to open and close the accordion class *\/\r\np.accordion, p.bigaccordion {\r\n    background-color: #eee;\r\n    color: #444;\r\n    cursor: pointer;\r\n    padding: 18px;\r\n    width: 100%;\r\n    text-align: left;\r\n    border: none;\r\n    outline: none;\r\n    transition: 0.4s;\r\n    margin-bottom:10px;\r\n}\r\n\r\n\/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) *\/\r\np.accordion.active, p.accordion:hover, p.bigaccordion.active, p.bigaccordion:hover {\r\n    background-color: #ddd;\r\n}\r\n\r\n\/* Style the element that is used for the panel class *\/\r\n\r\ndiv.panel, div.bigpanel {\r\n    padding: 0 18px;\r\n    background-color: white;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: 0.4s ease-in-out;\r\n    opacity: 0;\r\n    margin-bottom:10px;\r\n}\r\n\r\ndiv.panel.show, div.bigpanel.show {\r\n    opacity: 1;\r\n    max-height: 3000px; \/* Whatever you like, as long as its more than the height of the content (on all screen sizes) *\/\r\n}\r\n\r\n.terms {\r\n\tcolor: #ff9393;\r\n}\r\n.borderless td{\r\n\tborder :0px !important;\r\n\tpadding:2px 0 !important;\r\n}\r\n`;\r\ndocument.head.appendChild(style);\r\n \r\nfunction popUp(x){\r\n\tvar clickedterm = document.getElementById(\"myModal\"+x);\r\n\tvar dialog = document.getElementById(\"dialog\");\r\n\tdialog.innerHTML = clickedterm.innerHTML;\r\n\tjQuery(dialog).fadeIn(1000);\r\n\tjQuery('#overlay').show();\r\n\tjQuery('.window').show();\r\n}\r\n\r\njQuery(document).ready(function($) {\t\r\n\r\n\/\/Hide All content belongs to pop-up windows\r\nvar modals = document.getElementsByClassName(\"modal\");\r\nfor (i=0;i<modals.length;i++){\r\n\tmodals[i].style.display = \"none\";\r\n\tmodals[i].id = \"myModal\" + i;\r\n}\r\n\r\nvar popup = $(`\r\n<div id=\"boxes\"><div id=\"dialog\" class=\"window\"><div id=\"popupfoot\"> <a href=\"#\" class=\"close agree\">Click to Close<\/a><\/div><\/div><\/div><div id=\"overlay\"><\/div>`);\r\npopup.appendTo(document.body);\r\n\r\nvar id = '#dialog';\r\n\/\/Get the window height and width\r\nvar winH = $(window).height();\r\nvar winW = $(window).width();\r\n\/\/Set the popup window to center, transition effect\r\n$(id).css('top',  winH\/2-$(id).height()\/2);\r\n$(id).css('left', winW\/2-$(id).width()\/2);\r\n$(id).fadeIn(1000); \t\r\n$(id).css('display', \"none\");\r\n\r\n\/\/if overlay is clicked\r\n$('#overlay').click(function () {\r\n$(this).hide();\r\n$('.window').hide();\r\n});\r\n\r\nvar terms = document.getElementsByClassName(\"terms\");\r\nfor (var i=0; i<terms.length; i++){\r\n\tterms[i].setAttribute(\"onclick\", \"popUp(\"+i+\")\");\r\n}\r\n\r\n});\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \r\n\r\n\r\nvar acc = document.getElementsByClassName(\"accordion\");\r\nvar panel = document.getElementsByClassName('panel');\r\n\r\nfor (var i = 0; i < acc.length; i++) {\r\n    acc[i].onclick = function() {\r\n        var setClasses = !this.classList.contains('active');\r\n        setClass(acc, 'active', 'remove');\r\n        setClass(panel, 'show', 'remove');\r\n\r\n        if (setClasses) {\r\n            this.classList.toggle(\"active\");\r\n            this.nextElementSibling.classList.toggle(\"show\");\r\n        }\r\n    }\r\n}\r\n\r\nvar bigacc = document.getElementsByClassName(\"bigaccordion\");\r\nvar bigpanel = document.getElementsByClassName('bigpanel');\r\n\r\nfor (var i = 0; i < bigacc.length; i++) {\r\n    bigacc[i].onclick = function() {\r\n        var setClasses = !this.classList.contains('active');\r\n        setClass(bigacc, 'active', 'remove');\r\n        setClass(bigpanel, 'show', 'remove');\r\n\r\n        if (setClasses) {\r\n            this.classList.toggle(\"active\");\r\n            this.nextElementSibling.classList.toggle(\"show\");\r\n        }\r\n    }\r\n}\r\n\r\nfunction setClass(els, className, fnName) {\r\n    for (var i = 0; i < els.length; i++) {\r\n        els[i].classList[fnName](className);\r\n    }\r\n}\r\n\r\n});\r\n\r\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>1. Psychosocial evaluation \u25bc Third-party reproduction such as use of donor eggs and sperm is a recognized method to enable infertile couples with no eggs<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1052","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/pages\/1052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/comments?post=1052"}],"version-history":[{"count":3,"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/pages\/1052\/revisions"}],"predecessor-version":[{"id":1057,"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/pages\/1052\/revisions\/1057"}],"wp:attachment":[{"href":"https:\/\/hkuivf.hku.hk\/en\/wp-json\/wp\/v2\/media?parent=1052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}