jQuery collapsible panel (my own) problems -

-

I am trying to create a jQuery open panel, and plug-ins are all around for this, but let me I do not really get what I want, I'm trying to roll myself using my various examples. Although it works for the most part, there is a bit which does not and why can not I.

(An example page is)

How it works (or it

HTML 

  
   
 javascript  
  (function ($) {$ .fn. Extend ({CollapsiblePanel: function () {return $ (this) .each (initCollapsiblePanel);}});}); Function int callspible panel (if ($ (this). Child (). Length = = 0) {$ (this) .wrapInner ("
 ");} $ (this) .Kids (wrap) all ("& lt; div class = 'Cpa $ ("Nelcontent '& gt; & lt; / div & gt;"); $ ("& lt; div class =' ​​cpanelTitle '" & gt; "$ (this) .attr (" title " 
 
  
 css  
  # container {width: 300px; Height: 300px; }. CollapsiblePanel {width: 100%; }. CpanelTitle {Status: Relative; Width: 100%; Cursor: indicator; Cursor: hand; }. Cpanel toggle {status: absolute; Top: 0px; Correct: 0px; Font-style: italic; }   
 Then it takes a div with square collapsiblePanel and creates various nested divs. The header has a title and some toggle text that will be 'more' or 'off' depending on whether the content panel is extended or concise or not.  
 That which does not work is bit  
  if ($ (".cpanelcontent", $ (this) .Parent ()). (": Hidden" )) {  
 The toggleCollapsiblePanel () function has a div toggle, it seems that I am selecting the content div right, but to find out whether it is hidden or not (hence I can change the text of cPanelToggleDiv) always back in false form - which indicates that I'm not just doing it correctly.  
 I tried and saw that there is a console call (in the example page of the above link), but it can not be seen right now.  
   
 
 
 hide you   Status should be checked in the  slideToggle  callback method. Unless the slide animation is complete, you can not say whether it is hidden or not  
   
   toggle the function CollapsiblePanel ($. ($.) {$ (".cpanelcontent", $ (this) .Parent ()) Slide Toggle (function () {if ($ (this) .is (": hidden")) (This) .html ('more');} and {$ (this) .html ('off');}})}}    

 




  






























Comments











Post a Comment

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

-
I have developed an extension which works up to 1.6 on Magren (I'm trying Enterprise Edition, And I think the community is the same problem, because it is the same code). In my install script, I see the $ installer-> gt; CreateEntityTables ($ this- & gt; getTable ('alphanum / info')); The installation is done until it is not in the _text unit table. It crashed there! It turns out that when I log in to SQL and run it via PHPmyadmin, then this error is: Blob / Text column 'value' is used without the key 'key' . I saw the code there, and this is what is trying to create an index on the value column: -> addIndex ($ this- & gt; getIdxName ($ eavTableName, array ( 'attribute_id array (' attribute_id ',' value ')) - & gt; addIndex ($ this- & gt; getIdxName ($ eavTableName, array (' entity_type_id ' , 'Value')), array ('entity_type_id', 'value')) If there is no if statement is n...
Read more

javascript - What is an alternative to using getElementByClass for hiding multiple elements? -

-
I have a page with some links that I would like to be able to toggle with two buttons. It works with a link using getElementById, but I need to toggle some of those groups. I started with it, but it failed to work. I've heard that GetElementByClass has worked with everything but IE, but I'm using Opera 11.5 and it still does not work. I've searched a bit, but I'm new to some JavaScript and most of the explanation is not understood. Does anyone help me with a simple option, or can I help me fix the problem I've made? This is a test page I was using. & lt; Head & gt; & Lt; Script type = "text / javascript" & gt; Function hideNames () {document.getElementByClass ("WebName"). Style.display = "none"; } Function ShowName () {document.getElementByClass ("WebName"). Style.display = "inline"; } & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; P class = "web...
Read more

javascript - Making the first column of a table fixed on horizontal scroll -

-
Thanks for reading I have a table inside a divan container (div0). The table is populated with data and is dynamically generated. Therefore, the height and width of the table is not fixed. Both the vertical and horizontal scrolls can be seen to view the entire table in the outer table. Now the requirement is that I need to correct horizontal horizontal form of the first column of the table. When scrolling the horizontal scrollbar, the first column should be fixed and the rest should be skulled. Just some indication on this, how is it necessary to get it? I'm thinking of dividing the first column content in a div (div1) (which is not horizontal scroll), and the second scroll material is in a different divis (div2) both a line and 2 Has been placed in the table with TDS. Now I am getting 2 probes with this approach, 1 when I scroll right, div is going to divulge the scrollbar inside div0 (thinking of using a jquery scrollbut but how it is excluded from div2 ) The second is alig...
Read more