tag:blogger.com,1999:blog-27632624.post2658127904800345142..comments2008-07-22T20:12:09.451+02:00Comments on Let me have a blog: haccordion, a simple horizontal accordion plugin f...SeViRhttp://www.blogger.com/profile/05571259736993955238noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-27632624.post-4779619201663810812008-07-22T20:12:00.000+02:002008-07-22T20:12:00.000+02:00Hi,in order to make one of the slides open initial...Hi,in order to make one of the slides open initially one can make the modifications indicated by bold face:jQuery.fn.extend({ haccordion: function(params){ var jQ = jQuery; var params = jQ.extend({ speed: 500, headerclass: "handle", contentclass: "hicerik", contentwidth: 370, openone:0 },params); return this.each(function(index){ jQ("."+params.headerclass,ertyhttp://www.blogger.com/profile/01671917499187766247noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-78808054366081282782008-07-11T15:31:00.000+02:002008-07-11T15:31:00.000+02:00Hola de nuevo,Muchas gracias por contestar tan ráp...Hola de nuevo,Muchas gracias por contestar tan rápido, no me lo esperaba, jeje. :DAcabo de hacer eso que me has dicho y me aplica la clase perfectamente, pero no me la elimina una vez que he cambiado de pestaña.Si la incrusto en el HTML sí que la quita con éxito (es decir, vuelve al estado "off"), cosa que no pasa cuando es agregada a través de JS (con el "addClass").Gracias de nuevo, de verdad. Siriushttp://www.sirius06.esnoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-41998863128954122292008-07-11T09:58:00.000+02:002008-07-11T09:58:00.000+02:00@sirius te contesto también en castellano ;).Puede...@sirius te contesto también en castellano ;).Puedes hacer lo siguiente:* después de la línea: if (p.opened != "undefined"){añade$(p.opened).removeClass("active");* después de la línea:p.opened = this;añade$(this).addClass("active");La clase active ahora será la clase CSS que tendrá otro aspecto para la pestaña activa ;)SeViRhttp://www.blogger.com/profile/05571259736993955238noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-55060479205817920092008-07-11T09:29:00.000+02:002008-07-11T09:29:00.000+02:00Hola,Lo primero: como he visto que eres español, t...Hola,Lo primero: como he visto que eres español, te preguntaré en este idioma. Espero que no te importe. ;)Tengo una duda muy simple: ¿hay alguna manera de hacer que el "header" de la pestaña abierta tenga un fondo diferente?He intentado modificar el .js para incluir esta opción sin éxito, espero que puedas ayudarme.Un saludo y muchas gracias.Siriushttp://www.sirius06.esnoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-9541977408753256452008-07-03T19:21:00.000+02:002008-07-03T19:21:00.000+02:00Sorry ignore my last comment please. This works f...Sorry ignore my last comment please. This works for me beautifully in IE but it's not in Firefox :( Firebug shows an error of $(".test") is nullmain.jsLine 2I am sorry I am a newbie at this.Monicanoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-47710721606382570722008-07-03T19:00:00.000+02:002008-07-03T19:00:00.000+02:00help please! I am getting a "jQuery is not defined...help please! I am getting a "jQuery is not defined" error. jquery.haccordion.jsLine 3monicanoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-37749524768163790062008-06-20T02:19:00.000+02:002008-06-20T02:19:00.000+02:00I just wanted to know if it was possible to open a...I just wanted to know if it was possible to open a section and highlight that header section in some way to denote that it is the one you are on, with either a new color or an alternate image or something. Love the script, you have done what adobelabs seems unable to do for whatever reason.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-32806239377166344692008-05-08T01:40:00.000+02:002008-05-08T01:40:00.000+02:00I've tried inserting an iframe into one of the con...I've tried inserting an iframe into one of the content fields but it ends up making all of the other tabs after that one disappear. Any ideas how to fix this? I'll admit that I'm still quite new to using jquery but I imagine there must be a way to make this work.ETChevalierhttp://claimid.com/etchevaliernoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-32577885329817472242008-05-05T15:37:00.000+02:002008-05-05T15:37:00.000+02:00This script is very cool.Is there a way to block t...This script is very cool.Is there a way to block the active content so if the user clicks on it, it won't close and open again?Sorry for my EnglishJordaonoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-26065899825844405592008-05-05T13:46:00.000+02:002008-05-05T13:46:00.000+02:00To change event 'click' to on 'mouseover'modify th...To change event 'click' to on 'mouseover'modify the haccordion.js as follows:look for: jQ("."+params.headerclass,this).click(function(){change:.click(function()to.mouseover(function()That's it.Dipshttp://www.blogger.com/profile/00812979862216425497noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-57168077213838172342008-03-16T17:54:00.000+01:002008-03-16T17:54:00.000+01:00That's cool script!But I use your last script exam...That's cool script!But I use your last script example (show one content when open page) in this site http://www.zeddigitalthailand.com/diorsnow/and change something (remove link in class header for work)I want to change event "click" to on mouseover, when on mouseover my content is display. please help me to edit your scriptThank you so much.MP3WizarDhttp://www.blogger.com/profile/10290216187894418993noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-67396233253457019952008-03-08T17:32:00.000+01:002008-03-08T17:32:00.000+01:00Very cool, but although I can get your basic examp...Very cool, but although I can get your basic example to work, when I try to have one div opened by default (using the code you've linked to here in the comments) it simply doesn't do anything! It seems to break the whole thing, clicking on headers does nothing.Also, when I try and put flash in the content divs, you can see it slide across the screen - any way around this?Thanks!AKPhttp://www.blogger.com/profile/15759775077624281590noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-19526776591589610112008-03-08T14:26:00.000+01:002008-03-08T14:26:00.000+01:00cool, thanks i have a question, is it possible to ...cool, thanks i have a question, is it possible to place content class in a header class? if no how can i do that?i am new to js and jquery...Temirlantemirlan.comnoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-32193483916732052782008-02-21T00:45:00.000+01:002008-02-21T00:45:00.000+01:00This script is very helpful! After spending days t...This script is very helpful! After spending days trying to implement another script, this one took me less then a few hours to get everything working the way I want.I have question though, is there any way to have the 'visible' div perform the scroll action on load. This way users will realize that the content is interactive?Jason V.noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-82078062553964721922008-02-06T00:26:00.000+01:002008-02-06T00:26:00.000+01:00Very nice. I have a development page here: http://...Very nice. I have a development page here: http://www.wiredprojects.com/LBRE/home1.html. I'd like to be able to open a given panel when the user clicks on a specific link in the header bar. Right now the header menu is just a graphic, but will be replaced with links.My JS and jQuery skills are weak so far. Is there a simple way to tell a specific panel to open on click of a link in the header mikenoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-37887995918052604622008-01-29T13:44:00.000+01:002008-01-29T13:44:00.000+01:00Hi ! I'm using your script. It so cool. Thanks ! B...Hi ! I'm using your script. It so cool. Thanks ! But I still have a question : How could I link to a tab ?Sorry for my bad English :PJaLhttp://www.blogger.com/profile/14285660657784493964noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-73228087618853332582008-01-12T22:05:00.000+01:002008-01-12T22:05:00.000+01:00@praxi:wops!! you are right :-P I forgot to say th...@praxi:wops!! you are right :-P I forgot to say that in the opened real example I changed same things for usability improvement. The headers contents now a direct link to each page, because I needed get support for no js actived browsers. Also you need to add, a little css code for visible content, unabling the display:none of the content class.This is your example modified correctly :-)SeViRhttp://www.blogger.com/profile/05571259736993955238noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-17829163496783353122008-01-12T09:26:00.000+01:002008-01-12T09:26:00.000+01:00Maybe is my mystake! You can look this code simpl...Maybe is my mystake! You can look this code simple accordion - WorkOpen div opened by default - doesn't Work Thank'spraxinoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-24542517671186405832008-01-11T23:08:00.000+01:002008-01-11T23:08:00.000+01:00@praxy:Please, I don't know any problem of this pl...@praxy:Please, I don't know any problem of this plugin, but if you simply say me that not work I can't know more about that, please use Firebug for debugging (maybe your code is wrong) or send me any online example of your code ;-)SeViRhttp://www.blogger.com/profile/05571259736993955238noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-51966903304146180922008-01-11T22:34:00.000+01:002008-01-11T22:34:00.000+01:00the open content div by default doesn't work . do...the open content div by default doesn't work . do you have a idea? Thanks!praxinoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-64299642636935802512008-01-09T23:56:00.000+01:002008-01-09T23:56:00.000+01:00@sherman:you can set some alternative attribute fo...@sherman:you can set some alternative attribute for each content width and change a bit the code:div contentwidth="200px" ....in the code, the line:width: params.contentwidth + "px"is changed by:width: jQ(this).attr("contentwidth")@mike:You can use this code modifiedSeViRhttp://www.blogger.com/profile/05571259736993955238noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-62842308656993604792008-01-09T22:24:00.000+01:002008-01-09T22:24:00.000+01:00Sorry about being dense, but I also would like to ...Sorry about being dense, but I also would like to open one content div by default.I added ".visible" to one "content" class itemandthis.opened = jQ("."+params.contentclass,this).filter(".visible").prev();right after "return this.each(function(){"But it doesn't open by default.Any tips?Thanks!Mikenoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-42605554579770188562007-12-06T17:56:00.000+01:002007-12-06T17:56:00.000+01:00Thanks for the nice menu.Is there a way for the "c...Thanks for the nice menu.Is there a way for the "contentwidth" to be variable?contentwidth: 500The reason is that each content area is different width.Shermanhttp://www.blogger.com/profile/13542992528116476073noreply@blogger.comtag:blogger.com,1999:blog-27632624.post-81819483017591215832007-11-22T14:42:00.000+01:002007-11-22T14:42:00.000+01:00Thank you sevir, nice script. I needed the ability...Thank you sevir, nice script. I needed the ability to close an open element though, so I modified it this way:if (p.opened!=this) { p.opened = this; jQ(this).next("div."+params.contentclass).animate({ width: params.contentwidth + "px" }, params.speed);} else { p.opened = "undefined";}marconoreply@blogger.comtag:blogger.com,1999:blog-27632624.post-81027535118795805162007-11-21T21:57:00.000+01:002007-11-21T21:57:00.000+01:00A real implementation of haccordion with one visib...A real implementation of haccordion with one visible div by default:REAL EXAMPLEthe changes of the code of the plugin are the minimal that I wrote in another comment. You can check here:HEREThe visible content is marked with div class = "content visible" <- the photo.SeViRhttp://www.blogger.com/profile/05571259736993955238noreply@blogger.com