firestarter30 Posted August 8, 2010 Share Posted August 8, 2010 Hello all, I used adobe widget browser to download a jquery accordion panel. I edited it ,made it how i wanted ...everything ok. After i did the same thing for jquery tabbed pannels.. , but even if the holders are different, accordion points to jquery1.7.2 , and tabbed panels to 1.73 , they are not working and their layouts is completely lost when im using them together. When they are used seperately they are working fine. Can anyone tell what the issue here ? Thanks Quote Link to comment Share on other sites More sharing options...
trq Posted August 9, 2010 Share Posted August 9, 2010 Can anyone tell what the issue here ? Not without seeing some code. There should be no need to use two different jQuery versions. Quote Link to comment Share on other sites More sharing options...
firestarter30 Posted August 9, 2010 Author Share Posted August 9, 2010 When i said onjects i mean 2 different jquery objects , accordion,tabs ect. <head> <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.4.custom/css/jquery/jquery-ui-1.8.4.custom.css"/> <script type="text/javascript" src="jquery-ui-1.8.4.custom/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.8.4.custom/js/jquery-ui-1.8.4.custom.min.js"></script> <script type="text/javascript"> $(function(){ $('#tabs').tabs(); }); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> <li><a href="#tabs-3">Third</a></li> </ul> <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div> <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div> </div> </body> For some reason this is not working...i looked at the code of the demo page that is inside the download pack from jquery site, and i have everything in place i dont know what is wrong. Any ideas? Quote Link to comment Share on other sites More sharing options...
trq Posted August 9, 2010 Share Posted August 9, 2010 I don't see any code using the accordian? Quote Link to comment Share on other sites More sharing options...
RussellReal Posted August 9, 2010 Share Posted August 9, 2010 why not just go to jquery.com, build your theme with jquery the way you want it, then download the correct accordion version aswell as the tabs that will solve your problem. Quote Link to comment Share on other sites More sharing options...
firestarter30 Posted August 9, 2010 Author Share Posted August 9, 2010 I did that.... But while the accordion is working ... the tabs for some reason doesnt want to work Quote Link to comment Share on other sites More sharing options...
firestarter30 Posted August 9, 2010 Author Share Posted August 9, 2010 Hmmmmmm Guys is a css problem... When i remove the link to my main css file which formats all the page (ok all the layout is messy), but all jquery objects look perfect exactly as desined with the theme roller. Anyone knows what should i do in this case? Quote Link to comment Share on other sites More sharing options...
firestarter30 Posted August 9, 2010 Author Share Posted August 9, 2010 Ok the hearder of the tab was the problem as i saw. I made it 34 pixels, and came back to normal. It was streching till the end of the page. Keep this solution in mind if anyone will face a similar problem. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.