diff options
| -rw-r--r-- | app/assets/stylesheets/search.css.scss | 11 | ||||
| -rw-r--r-- | app/views/search/go.html.erb | 18 |
2 files changed, 28 insertions, 1 deletions
diff --git a/app/assets/stylesheets/search.css.scss b/app/assets/stylesheets/search.css.scss index 22fd394..69cd1ad 100644 --- a/app/assets/stylesheets/search.css.scss +++ b/app/assets/stylesheets/search.css.scss @@ -1,3 +1,14 @@ // Place all the styles related to the search controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ + +#search-down { + text-align: center; + cursor: pointer; + text-decoration: underline; +} + + +#advanced-search { + display: none; +}
\ No newline at end of file diff --git a/app/views/search/go.html.erb b/app/views/search/go.html.erb index 0f689d5..6e48b07 100644 --- a/app/views/search/go.html.erb +++ b/app/views/search/go.html.erb @@ -1,3 +1,7 @@ +<h5 id="search-down">▲ Advanced Search ▲</h5> +<div id="advanced-search"> + <p> This is where the search will go </p> +</div> <%# Show search results if a query was not nill %> <% if !@query.empty? %> @@ -21,4 +25,16 @@ <% end %> <% end %> -<% end %>
\ No newline at end of file +<% end %> + +<script type="text/javascript" language="javascript"> + + $(document).ready(function() { + + $("#search-down").click(function(){ + $("#search-down").text("▼ Advanced Search ▼").html(); + $("#advanced-search").slideDown( 'slow'); + }); + + }); +</script>
\ No newline at end of file |