- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I’m having a difficult time trying to determine whether something is controlled by CSS or HTML. I’ve been using Firebug and I’m 95% sure that what I’m looking at is an inline HTML style.
My navigation bar, located here:
http://www.nintendonerds.com/forums/
…has a button at the end (magnifying glass) that shows/ hides a search bar. I personally dislike that and I want it to always show. By default, it’s hidden unless that magnifying glass button is clicked on.
I tried changing “display:none” to “display: inline-block” for the #search ID but something is controlling that to where it’s still hidden by default.
Am I overlooking something simple here, or does this go beyond CSS or HTML?
Any help is greatly appreciated.
Thanks,
Kevin
The show/hide is being controlled by javascript.
Line 37 from main.js:
// Show & Hide: Search
$("#search").hide();
$('.jq_show_search').click(function() {
$('#search').fadeOut('fast');
});
$('.jq_show_search').click(function(event){
if(!$('#search').is(":visible")) {
$('#search').stop().fadeIn('fast');
$('#search').css('visibility','visible');
}
return false;
event.stopPropagation();
});
Beaten to it!
Thank you very much, everyone! I completely forgot about this discussion.