Problem: When click on a tab (Ambient,Trip-Hop,House etc etc) on my website http://chilloutsound.com/ , the Newest Additions and What people are listening to right now is showing up. I only want it to show up on the ‘All’ tab. Ive tried to play around with ajax and hiding the text with css with display:none while using an onclick event to no avail.
Can you guys point me in the right direction on how to accomplish this ?
Thank you!
Separate the listings section in the HTML in to different groups, such as:
<div id="newest">
...
</div>
<div id="listening">
...
</div>
<div id="more">
...
</div>
which then allows you to have better control over them.
If it were HTML5 you could use the <section> element instead of those divs.
paul_wilkins:
Separate the listings section in the HTML in to different groups, such as:
<div id="newest">
...
</div>
<div id="listening">
...
</div>
<div id="more">
...
</div>
which then allows you to have better control over them.
If it were HTML5 you could use the <section> element instead of those divs.
Thank you, but what Ajax function would make them dissapear when selected?
You can hide them with $(‘#newest , #listening ’).hide();
And you can show them with similar code.
You would show them from the allcat click event, and you would hide them from the filter click event.
This is what I came up with so far
The Tab:
<a href=“#” onclick:“javascript: hide();” id=“Ambient” class=“filter middle-button” ><span class=“middle-right”></span>Ambient</a>
The JS:
<script language=“Javascript” type=“text/javascript”>
function hide(id) {
$(‘#now ’).hide();
}
</script>
What’s supposed to be hidden:
<div id=“now”>
<h1>What people are listening to right now</h1>
</div>
It’s not working, What people are listening to right now is still showing :-/.
Go back to the fliter click function that you’re using already in your code.
You mean add the $(‘#now ’).hide(); to the class="filter " function?
When that click function is triggered on one of the filter choices, that is when you want to hide the newest and listening sections, isn’t it?
DanielOkula_com:
yes
Well then, that’s where you should go to add the extra behaviour. To the click function that you have assigned to the filter selection.