JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<div id="#tabs">
  <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="overview" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true"><a href="de/wohnungsexpose/id-1-2002-1-3-wohnung-erich-knauf-strasse-13-brandenburg-an-der-havel.html#overview" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Ăśbersicht</a></li>
    <li class="request ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="request" aria-labelledby="ui-id-2" aria-selected="false" aria-expanded="false"><a href="de/wohnungsexpose/id-1-2002-1-3-wohnung-erich-knauf-strasse-13-brandenburg-an-der-havel.html#request" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Anfrage</a></li>
  </ul>
  <div class="ctaRequest">
    <a class="button btnEstao btnRequest" href="de/wohnungsexpose/id-1-2002-1-3-wohnung-erich-knauf-strasse-13-brandenburg-an-der-havel.html#request" title="Los jetzt mieten!">Los jetzt mieten!</a>
  </div>
</div>

JavaScript

//estao Bugfix IE Overview/Request Path
(function($) {
  $(document).ready(function() {
    if ($("#tabs").length > 0) {
      console.log("tabs exists");
      var overview = "/" + $("a#ui-id-1").attr("href");
      $("a#ui-id-1").attr("href", overview);

      var request = "/" + $("a#ui-id-2").attr("href");
      $("a#ui-id-2").attr("href", request);

      var rent = "/" + $(".ctaRequest a.btnEstao").attr("href");
      $(".ctaRequest a.btnEstao").attr("href", rent);

      console.log(overview);
      console.log(request);
      console.log(rent);
    } else {
      console.log("tabs don't exists");
    }
  });
}(jQuery));