JQuery hide div based on url hash and string
I'm attempting to hide a div based on the url hash tag. I'm using a jquery
plugin called zozo tabs that allows for deep-linking and it shows and
hides divs.
There is a particular div on the page (not in the tab area) I would like
to hide given the url/s. I've searched but cannot figure it out. Please
excuse my javascript noobness!!! I've tried this. No such luck. It doesnt
seem to work. Any help would greatly appreciated.
I've tried php but it doesnt work on the hash
To start the plugin creates this type of url
http://localhost:8888/site/funds/#tabbed-nav=fund-strategy
The html is:
<ul>
<li data-link="fund-strategy"><a>Fund Strategy</a></li>
<li data-link="portfolio-characteristics"><a>Portfolio
Characteristics</a></li>
<li data-link="performance"><a>Performance</a></li>
</ul>
<div class="strategy">This copy shows when the li is clicked on</div>
This is me attempting to hide a div given the url with js
var jQ = jQuery.noConflict();
jQ(document).ready(function() {
var url = document.location.href;
if
(url.indexOf('http://localhost:8888/site/funds/#tabbed-nav=fund-strategy')
>= 0) {
jQ('.fourth').hide();
};
});
No comments:
Post a Comment