JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<div>

</div>

JavaScript

function accordionViewModel () {
    var self = this;
 
  //expand show hide advanced options
    self.advancedSearch_click = function (data, event) {
        $(event.currentTarget).children("span").removeClass();
        if ($('#divAdvancedSearch').is(':visible')) {
            // it's visible, do something
            $(event.currentTarget).children("span").addClass("icon icon-menu10");
            $('#divAdvancedSearch').slideUp();
        }
        else {
            // it's not visible so do something else
            $(event.currentTarget).children("span").addClass("icon icon-menu9");
            $('#divAdvancedSearch').slideDown();
        }
    }
}
var test = new accordionViewModel({});
ko.applyBindings(test);