Fancybox and JQuery Accordian Won't Work on the Same Page -


i have fancy box , jquery accordian on same page. each works independently not together. there conflict somewhere. i've looked @ several forums , posts, cannot fit fix. put jquery-ui scripts first. didn't work. said combine functions 1 script. didn't work.

here head section of page. 

`<head> `<title>transportation business group</title> `<meta name="keywords" content="international business group."> `<link rel="stylesheet" href="/stylesheets/voglobalstyle.css" type="text/css" media="screen,projection"> `<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen,projection"> `<meta http-equiv="content-type" content="text/html; charset=utf-8">  `<script src="/scripts/jquery-ui/1.8.17/jquery-ui.js" type="text/javascript"></script> `<link rel="stylesheet" href="/scripts/jquery-ui/1.8.17/content/themes/base/twisty.ui.css"     type="text/css" media="screen,projection" /> `<script type="text/javascript" src="/scripts/jquery/plugins/fancybox/jquery-1.4.2.min.js"></script> `<script type="text/javascript" src="/scripts/jquery/plugins/fancybox/jquery.mousewheel-3.0.2.pack.js"></script> `<script type="text/javascript" src="/scripts/jquery/plugins/fancybox/jquery.fancybox-1.3.1.js"></script> `<script src="/scripts/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>  <script type="text/javascript">     $(document).ready(function () {         /*         *   examples - images         */         $("#accordion").accordion({             autoheight: false,             navigation: true,             collapsible: true,             active: true         });         $("a#mikeformal").fancybox({             'titleshow': true,             'titleposition': 'over',              'autoscale': false         });          $("a#mikeinformal").fancybox({             'titleshow': true,             'titleposition': 'over',              'autoscale': false         });        }); </script>  </head>

i appreciate can give me.

some plugins include version of jquery in download practical reasons need load single instance (the latest version possible) . additionally, jquery has loaded first, before plugin , before jquery ui.

in case, loading jquery twice , after jquery ui. use single instance , place before of plugin in document.

also, don't see loading fancybox css file anywhere in code.


Comments

Post a Comment