CINXE.COM
Shepstone & Wylie - Mediation
<!DOCTYPE html> <html lang="en"> <head> <!--================ Basic page needs ================--> <title>Shepstone & Wylie - Mediation </title> <meta charset="utf-8"> <meta property="og:locale" content="en_US"> <meta property="og:title" content="Mediation" /> <meta property="og:type" content="" /> <meta property="og:image" content="/images/fallback.jpg" /> <meta property="og:image:width" content="1024"> <meta property="og:image:height" content="482"> <meta name="twitter:card" content="summary"> <meta name="twitter:description" content=""> <meta name="twitter:title" content="Mediation"> <meta name="twitter:image" content="/images/fallback.jpg"> <meta name="author" content="Loud Crowd Media"> <meta name="description" content="" /> <meta name="keywords" content="" /> <!--================ Favicon ================--> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> <!-- favicon icon --> <link rel="shortcut icon" href="/images/favicon.ico"> <!-- style sheets and font icons --> <link rel="icon" type="image/png" href="/images/favicon.ico" sizes="16x16"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script src="https://kit.fontawesome.com/317b5f2559.js" crossorigin="anonymous"></script> <!-- ICONS CSS --> <script src="https://kit.fontawesome.com/317b5f2559.js" crossorigin="anonymous"></script> <!-- THEME STYLES CSS --> <link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/js/vendor/slick/slick.css"> <link rel="stylesheet" href="/css/animate.css"> <link rel="stylesheet" href="/css/themesuite.css"> <link rel="stylesheet" href="/js/vendor/lity/lity.min.css"> <link rel="stylesheet" href="/css/main.css"> <script src="/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <link href="/css/custom.css" rel="stylesheet" /> <link href="/css/Responsive.css" rel="stylesheet" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-97020603-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-97020603-1'); </script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5BSK7H6');</script> <!-- End Google Tag Manager --> </head> <!-- Body Start --> <body class="home"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BSK7H6" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-QTB1JD4TQC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-QTB1JD4TQC'); </script> <div class="wrapper"> <!-- HEADER --> <header> <div id="header"> <div style="background:#fff"> <div class="container"> <div class="col-md-3 logo"> </div> <div class="col-md-6 logo"> <a href="/"><img src="/img/logo.png" alt="" /></a> </div> <div class="col-md-3 logo"> <!-- <div class="job-search margin-top-40"> <form> <input style="max-width: 190px; float: right;" type="text" placeholder="Search..."> <button type="submit"><i class="fa fa-search"></i></button> </form> </div> --> </div> </div> </div> <!-- MENU --> <!--<nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbar" class="navbar-collapse collapse"> </div>--> <!--/.nav-collapse --> <!--</div> </nav>--> <!-- ============= COMPONENT ============== --> <nav class="navbar navbar-expand-lg navbar-dark "> <div class="container-fluid"> <div class="container"> <div class="col-md-12"> <div class="navHolder"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="main_nav"> <ul class="navbar-nav"> <li class="nav-item "> <a href="/Pages/Home" style="" class="nav-link">Home</a> </li> <li class="nav-item "> <a href="/Pages/About" style="" class="nav-link">About</a> </li> <li class="nav-item "> <a href="/Pages/Lawyers" style="" class="nav-link">Find a Lawyer</a> </li> <li class="dropdown active nav-item"> <a href="/Pages/OurExpertise" style="color: #c41315; " class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Our Expertise</a> <ul class="submenu dropdown-menu"> <li class="dropdown has-children nav-item"> <a href="/Pages/Litigation" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Litigation</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/BankingAndFinance" style="" class="nav-link">Banking and Finance</a> </li> <li class="nav-item "> <a href="/OurServices/ChildAndFamily" style="" class="nav-link">Child and Family</a> </li> <li class="nav-item "> <a href="/OurServices/ConstructionAndEngineering" style="" class="nav-link">Construction and Engineering</a> </li> <li class="nav-item "> <a href="/OurServices/Equine" style="" class="nav-link">Equine</a> </li> <li class="nav-item "> <a href="/OurServices/Immigration" style="" class="nav-link">Immigration</a> </li> <li class="nav-item "> <a href="/OurServices/InsolvencyBusinessRe-structuringAndBusinessRescue" style="" class="nav-link">Insolvency, Business Re-structuring & Business Rescue</a> </li> <li class="nav-item "> <a href="/OurServices/Insurance" style="" class="nav-link">Insurance</a> </li> <li class="nav-item "> <a href="/OurServices/Litigation" style="" class="nav-link">Litigation</a> </li> <li class="nav-item "> <a href="/OurServices/LocalGovernmentAndAdministration" style="" class="nav-link">Local Government and Administration</a> </li> </ul> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/CorporateAndCommercial" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Corporate & Commercial</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/B-BBEE" style="" class="nav-link">B-BBEE</a> </li> <li class="nav-item "> <a href="/OurServices/CompetitionAntitrust" style="" class="nav-link">Competition / Antitrust</a> </li> <li class="nav-item "> <a href="/OurServices/CorporateAndCommercial" style="" class="nav-link">Corporate & Commercial</a> </li> <li class="nav-item "> <a href="/OurServices/Tax" style="" class="nav-link">Tax</a> </li> </ul> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/Employment" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Employment</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/Employment" style="" class="nav-link">Employment</a> </li> <li class="nav-item "> <a href="/OurServices/SocialMediaCyberCrimes" style="" class="nav-link">Social Media / Cyber Crimes</a> </li> </ul> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/Environmental" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Environmental</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/CleanEnergy" style="" class="nav-link">Clean Energy</a> </li> <li class="nav-item "> <a href="/OurServices/Environmental" style="" class="nav-link">Environmental</a> </li> <li class="nav-item "> <a href="/OurServices/EnvironmentalHealthAndSafetyCompliance" style="" class="nav-link">Environmental, Health and Safety Compliance</a> </li> <li class="nav-item "> <a href="/OurServices/PlanningAndDevelopment" style="" class="nav-link">Planning and Development</a> </li> </ul> </li> <li class="nav-item active active-child"> <a href="/OurServices/Mediation" style="color: #c41315;" class="nav-link">Mediation</a> </li> <li class="nav-item "> <a href="/OurServices/MiningMineralsAndEnergy" style="" class="nav-link">Mining, Minerals and Energy</a> </li> <li class="nav-item "> <a href="/OurServices/PensionAndEmployeeBenefits" style="" class="nav-link">Pension & Employee Benefits</a> </li> <li class="nav-item "> <a href="/OurServices/PropertyAndConveyancing" style="" class="nav-link">Property & Conveyancing</a> </li> <li class="nav-item "> <a href="/OurServices/ProtectionofPersonalInformation(POPIA)" style="" class="nav-link">Protection of Personal Information (POPIA)</a> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/ShippingAndLogistics" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shipping and Logistics</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/CustomsExciseVATAndTradeRemedies" style="" class="nav-link">Customs, Excise, VAT & Trade Remedies</a> </li> <li class="nav-item "> <a href="/OurServices/ShippingAndLogistics" style="" class="nav-link">Shipping and Logistics</a> </li> </ul> </li> </ul> </li> <li class="nav-item "> <a href="/Pages/ConveyancingCalculator" style="" class="nav-link">Conveyancing Calculator</a> </li> <li class="dropdown nav-item"> <a href="/Pages/MediaHub" style=" " class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Media Hub</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/Pages/Articles" style="" class="nav-link">Articles</a> </li> <li class="nav-item "> <a href="/Pages/LegalNotices" style="" class="nav-link">Legal Notices</a> </li> <li class="nav-item "> <a href="/Pages/InThePress" style="" class="nav-link">In The Press</a> </li> <li class="nav-item "> <a href="/Pages/Videos" style="" class="nav-link">Videos</a> </li> <li class="nav-item "> <a href="/Pages/Podcasts" style="" class="nav-link">Podcasts</a> </li> </ul> </li> <li class="nav-item "> <a href="/Pages/Events" style="" class="nav-link">Events</a> </li> <li class="nav-item "> <a href="/Pages/Awards" style="" class="nav-link">Awards</a> </li> <li class="nav-item "> <a href="/Pages/Careers" style="" class="nav-link">Careers</a> </li> <li class="dropdown nav-item"> <a href="/Pages/Contact" style=" " class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contact</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/Contact/Durban" style="" class="nav-link">Durban</a> </li> <li class="nav-item "> <a href="/Contact/CapeTown" style="" class="nav-link">Cape Town</a> </li> <li class="nav-item "> <a href="/Contact/Johannesburg" style="" class="nav-link">Johannesburg</a> </li> <li class="nav-item "> <a href="/Contact/Pietermaritzburg" style="" class="nav-link">Pietermaritzburg</a> </li> <li class="nav-item "> <a href="/Contact/RichardsBay" style="" class="nav-link">Richards Bay</a> </li> </ul> </li> > </ul> </div> <!-- navbar-collapse.// --> </div> <div class="search" style="position:relative"> <div class="searchIcon"> <i class="far fa-search" style="color:#fff"></i> </div> <div class="searchForm" style="display:none"> <form class="search" autocomplete="off" action="/Search/Search" method="post"> <input type="text" name="search" id="search" placeholder="Search..." /> <ul class="results"> <li style="text-align: center; padding: 10PX;"> <img src="/images/loader.gif" width="20%" /> </li> </ul> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8NQ1bOlKhylHrkjY1LUhZka8r56dS0HAAVloLCzOwAxTvjrS8oXb3xGyel3FZjZJ83Qab52EAm4ymvRnnTQjC0zFIc7FnK5uUBWQOF_9wQdhtcO17B8TcwG_6C3W9xmNeP8aN79HpBuCSLlud_KcvvI" /></form> </div> </div> </div> </div> </div> <!-- container-fluid.// --> </nav> </div> <div class="page_header text-center" style="background: #000000 url('../../../DBFile/Image/6e9d75df-df61-4308-bd3d-a679ff0923d9/mediation.jpg') no-repeat top center;background-size:cover"> <div class="container"> <h3> Mediation </h3> </div> </div> <div class="main-content padding-top-30 padding-bottom-50 wow fadeInUp" data-wow-delay=".1s"> <div class="container"> <div class="row"> <div class="col-md-10"> <div class="row"> <div class="col-md-12 margin-bottom-30 content"> <h5>Our mediation team consists of highly specialised mediators to assist with alternate dispute resolution.</h5> <p>Mediation is a voluntary process whereby both parties endeavour to reach resolution of a dispute without having to engage in adversarial and protracted litigation in good faith. The parties themselves are in control of the process and the outcome.</p> <p>Our skilled mediators are qualified with various accreditation bodies or have attended the requisite course to provide such services. They are able to assist by acting as the appointed mediator for parties involved in a dispute or assist clients who are involved in mediation proceedings with the preparation leading up to the mediation and with the negotiation strategies.</p> <p>Their specialities range from commercial and family law disputes, to property and environmental law. You may view each mediators’ specialist field to identify which is best suited to your dispute.</p> </div> </div> <div class="row"> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/909f9740-b852-4908-bf09-8ac21524f402/Nerisha" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/34/NerishaBesesar">Read more</a></li> </ul> </div> <a href="/Lawyers/34/NerishaBesesar"> <div class="attorney-title">Nerisha Besesar</div> </a> <cite2 style="margin-bottom: 5px;"> Partner </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/78d6e755-f43d-4f43-a535-43f07bec141e/Louise" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/38/LouiseCleland">Read more</a></li> </ul> </div> <a href="/Lawyers/38/LouiseCleland"> <div class="attorney-title">Louise Cleland</div> </a> <cite2 style="margin-bottom: 5px;"> Partner </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/e9440294-0436-474a-afdc-a9d007a337c9/Willie" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/13/WillieCoetzee">Read more</a></li> </ul> </div> <a href="/Lawyers/13/WillieCoetzee"> <div class="attorney-title">Willie Coetzee</div> </a> <cite2 style="margin-bottom: 5px;"> Consultant </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/3f53f4c0-b07d-488b-83a4-634f11b3c79a/Candice" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/41/CandiceEve-Friis">Read more</a></li> </ul> </div> <a href="/Lawyers/41/CandiceEve-Friis"> <div class="attorney-title">Candice Eve-Friis</div> </a> <cite2 style="margin-bottom: 5px;"> Partner </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/8f8febdd-920b-4352-a80b-549f3f484479/Jennifer" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/62/JenniferFinnigan">Read more</a></li> </ul> </div> <a href="/Lawyers/62/JenniferFinnigan"> <div class="attorney-title">Jennifer Finnigan</div> </a> <cite2 style="margin-bottom: 5px;">Partner, Head of Competition Law </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/6205d926-dc48-4332-9e9a-1925bb861611/Sifiso" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/26/SifisoMsomi">Read more</a></li> </ul> </div> <a href="/Lawyers/26/SifisoMsomi"> <div class="attorney-title">Sifiso Msomi</div> </a> <cite2 style="margin-bottom: 5px;">Partner, Head of Property & Conveyancing </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/692db433-6bab-4753-9f9b-92108b379cc1/Kate" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/59/KateOosthuizen">Read more</a></li> </ul> </div> <a href="/Lawyers/59/KateOosthuizen"> <div class="attorney-title">Kate Oosthuizen</div> </a> <cite2 style="margin-bottom: 5px;"> Partner </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/390e24d9-1e76-490e-b171-49baac1d154e/Ian" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/55/IanSampson">Read more</a></li> </ul> </div> <a href="/Lawyers/55/IanSampson"> <div class="attorney-title">Ian Sampson</div> </a> <cite2 style="margin-bottom: 5px;">Partner, Head of Environmental & Clean Energy Law</cite2> </div> </div> </div> <div class="col-md-2 sideArticles"> </div> </div> </div> </div> <style> .attorney-item { margin-bottom: 5px; min-height: 285px; } .enquiryButton { color: #fff !important; font-size: 17px; line-height: 31px; text-transform: uppercase; display: table; background: #000; padding: 4px 15px 6px; float: right; text-align: right; } .EButtonHolder { display: block; clear: both; text-align: right; height: 60px; } </style> </header> </div> <div class="popup2" style="display:none;"> <div id="myPopup"> <span style="font-size: 20px; margin-bottom: 10px; ">BEWARE OF CYBERCRIME.</span> <span>WE ARE NOT RESPONSIBLE IF YOU PAY<br />INTO THE WRONG ACCOUNT</span> <p> Shepstone & Wylie (S&W) will not change its banking details. Any communication you receive stating we have done so will be false - please contact us immediately. </p> <p> If you bank with Standard Bank, Nedbank, Investec, FNB or Absa Bank you are encouraged to pay us using the bank approved beneficiary: <u>Shepstone and Wylie Attorneys</u>. </p> <p> If you don鈥檛 use the bank approved beneficiary option, you must <u>always</u> call us to verify our banking details before making any payment. </p> <hr style="margin: 8px 0 " /> <p style="margin: 0; font-size: 12px"> We use cookies to make your experience with us better. By continuing to use our website, you are agreeing to our use of cookies. To find out more see our <a href="/docs/Privacy_Policy.pdf" style="color: #fff" target="_blank">privacy policy</a>. </p> <a href="javascript:;" class="accept">Close</a> </div> </div> <!-- JAVASCRIPT --> <script src="/js2/jquery-3.7.1.min.js"></script> <script src="/js2/bootstrap.min.js"></script> <script src="/js/vendor/slick/slick.min.js"></script> <script src="/js/vendor/lity/lity.min.js"></script> <script src="/js/vendor/stellar.js"></script> <script src="/js/main.js"></script> <script src="/js/mc/jquery.ketchup.all.min.js"></script> <script src="/js/mc/main.js"></script> <!--<script> // When the user scrolls the page, execute myFunction window.onscroll = function () { myFunction() }; // Get the navbar var navbar = document.getElementById("header"); // Get the offset position of the navbar var sticky = navbar.offsetTop; // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } </script>--> <script> $(document).ready(function () { $(".active-child").parent().parent().addClass('has-active-child'); $('li.dropdown.has-children.nav-item').click(function () { if ($(this).hasClass("open")) { $(this).removeClass("open"); } else { $(this).addClass("open"); } }); }); $('.dropdown-toggle-child').addClass('disabled'); </script> <script> $(".searchIcon").click(function () { $(".searchForm").toggle(); }); $(document).ready(function () { myFunction(); }); function myFunction() { if (getCookie('pop2') != 'seen') { $(".popup2").show(); } } $(".popup2").click(function () { $(".popup2").hide(); setCookie('pop2', 'seen', 1); }); //check to see if the submited cookie is set, if not check if the popup has been closed, if not then display the popup if (getCookie('popupCookie') != 'accepted') { if (getCookie('popupCookie') != 'closed') { $('.popup-overlay').css("display", "flex").hide().fadeIn(); } } $('a.accept').click(function () { $('.popup-overlay').fadeOut(); //sets the coookie to five minutes if the popup is submited (whole numbers = days) setCookie('popupCookie', 'accepted', 30); }); function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } </script> <script type="text/javascript"> // window.addEventListener("resize", function() { // "use strict"; window.location.reload(); // }); document.addEventListener("DOMContentLoaded", function () { /////// Prevent closing from click inside dropdown document.querySelectorAll('.dropdown-menu').forEach(function (element) { element.addEventListener('click', function (e) { e.stopPropagation(); }); }) // make it as accordion for smaller screens if (window.innerWidth < 992) { // close all inner dropdowns when parent is closed document.querySelectorAll('.navbar .dropdown').forEach(function (everydropdown) { everydropdown.addEventListener('hidden.bs.dropdown', function () { // after dropdown is hidden, then find all submenus this.querySelectorAll('.submenu').forEach(function (everysubmenu) { // hide every submenu as well everysubmenu.style.display = 'none'; }); }) }); document.querySelectorAll('.dropdown-menu a').forEach(function (element) { element.addEventListener('click', function (e) { let nextEl = this.nextElementSibling; if (nextEl && nextEl.classList.contains('submenu')) { // prevent opening link if link needs to open dropdown e.preventDefault(); console.log(nextEl); if (nextEl.style.display == 'block') { nextEl.style.display = 'none'; } else { nextEl.style.display = 'block'; } } }); }) } // end if innerWidth }); // DOMContentLoaded end </script> <script> $("#search").keyup(function () { GetSuggestions($(this).val()); }); function GetSuggestions(search) { var html = ""; $.post("/Search/GetSuggestions", { search: search }, function (result) { for (var i = 0; i < result.length; i++) { var desc = result[i].description; html += "<li><a href=\""+ result[i].link + "\">" + result[i].name + "<br /><span>" + (desc != null? desc:"") + "</span></a></li>" } $(".results").html(html); $(".results").css("display","block"); }); } </script> <footer class=" wow fadeInUp"> <div class="container"> <div class="row"> <div class="col-sm-9 footerleft"> <span style="margin-top: 10px; display: block;">Designed and Developed by <a href="https://loudcrowd.co.za/">Loud Crowd Media</a> | <a href="/docs/Privacy_Policy.pdf">Privacy Policy</a> | <a href="/docs/PAIA_Manual_2023.pdf">PAIA Manual</a> | <a href="/Pages/LegalLinks">Legal Links</a> | <a href="/Pages/Disclaimer">Disclaimer</a> | <a href="/Subscribe" style="text-transform: uppercase;">Sign Up For Our Legal Updates</a> </span> </div> <div class="col-sm-3 footerright"> <div class="cf-share" style="text-align: right;"> <a href="https://www.facebook.com/shepstoneandwylie" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://www.youtube.com/channel/UCY0jp-WU-JF8x5wgcL84BoQ" target="_blank"><i class="fa fa-youtube"></i></a> <a href="https://www.linkedin.com/company/shepstone-&-wylie-attorneys/" target="_blank"><i class="fa fa-linkedin"></i></a> </div> </div> </div> </div> </footer> </body> </html>