So I'm trying to integrate the nifty Jquery Flip plugin found here: http://lab.smashup.it/flip/
I specifically want to integrate it with views, but this isn't really a views question so I posted here in the "post installation" forum. I hope that was correct judgment.
The page I'm testing is www.alligatorsoul.com/drupal/alligator-soul-menu. You can see the links at the top that will be switching the menus, and everything SEEMS to be working fine. Click on the first link and the menu flips to menu 1, but then click on the second link, the menu will flip, but menu 1 still appears after the animation. It does so in reverse too, clicking on link 2 first keeps link 2 visible no matter how many times I click link 1.
SOOOO, the problem is that the animation works fine, but only for click one. On click 2 through infinity, new content doesn't load even though the animation runs.
I know this is more of a Jquery flip problem, or at least I think it is, but I figured I ask the community since it seems like others may want to do the same thing I'm going for.
The code I'm using is as follows:
<script type="text/javascript">
$(document).ready(function(){
$("#mainmenu").click(function(){
$(".view-MenuView .view-content").flip({
direction: 'lr',
color: '#c37f12',
speed: 400,
content: $(".view-MenuView .views-row-1")});
});
$("#lunchmenu").click(function(){
$(".view-MenuView .view-content").flip({
direction: 'lr',
color: '#c37f12',
speed: 400,
content: $(".view-MenuView .views-row-2")});
});
});
</script>
That's the js, then here's the header to the view:
<a id="mainmenu" href="#">Main Menu</a> | <a id="lunchmenu" href="#">Lunch Menu</a>
Those ids obviously tie back to the functions above.
OK, that's enough description. Thanks in advance for anyone's help.
