Has anyone accomplished this? I tried with the following, but I dont think the results will load in a hidden div…
<script>
jQuery(document).ready(function(){
jQuery(‘.search-filter-results’).click( function(e) {
e.preventDefault(); // stops link from making page jump to the top
e.stopPropagation(); // when you click the button, it stops the page from seeing it as clicking the body too
jQuery(‘.search-filter-results’).show();
});
jQuery(‘.search-filter-results’).click( function(e) {
e.stopPropagation(); // when you click within the content area, it stops the page from seeing it as clicking the body too
});
jQuery(‘body’).click( function() {
jQuery(‘.search-filter-results’).hide();
});
});
</script>
You can see i’ve gotten it to work the other way (submit button hides results) – http://thriveworks.alphaintelknows.com/franchise-job-search/