search.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. ( function( $ ) {
  2. $( window ).load( function() {
  3. function searchAddClass() {
  4. $( this ).closest( '.search-form' ).addClass( 'hover' );
  5. }
  6. function searchRemoveClass() {
  7. $( this ).closest( '.search-form' ).removeClass( 'hover' );
  8. }
  9. var searchSubmit = $( '.search-submit' );
  10. searchSubmit.hover( searchAddClass, searchRemoveClass );
  11. searchSubmit.focusin( searchAddClass );
  12. searchSubmit.focusout( searchRemoveClass );
  13. } );
  14. } )( jQuery );
  15. ( function() {
  16. var container, button, form, siteHeaderInner, siteNavigation, div;
  17. container = document.getElementById( 'search-header' );
  18. if ( ! container ) {
  19. return;
  20. }
  21. button = container.getElementsByTagName( 'button' )[0];
  22. if ( 'undefined' === typeof button ) {
  23. return;
  24. }
  25. form = container.getElementsByTagName( 'form' )[0];
  26. if ( 'undefined' === typeof form ) {
  27. button.style.display = 'none';
  28. return;
  29. }
  30. form.setAttribute( 'aria-expanded', 'false' );
  31. button.onclick = function() {
  32. if ( -1 !== container.className.indexOf( 'toggled' ) ) {
  33. document.body.className = document.body.className.replace( ' search-toggled', '' );
  34. container.className = container.className.replace( ' toggled', '' );
  35. button.setAttribute( 'aria-expanded', 'false' );
  36. form.setAttribute( 'aria-expanded', 'false' );
  37. } else {
  38. document.body.className += ' search-toggled';
  39. container.className += ' toggled';
  40. button.setAttribute( 'aria-expanded', 'true' );
  41. form.setAttribute( 'aria-expanded', 'true' );
  42. }
  43. };
  44. } )();