JQuery Show Hide showing multiple content -

-

I have trouble showing 1 for large documents on a large scale. This showhide will also have other elements within it Be able to include, such as ol ul li etc. Currently I'm having difficulty displaying content other than tags, hide the original show

Also displaying a box with that content in it.

HTML: 

  & lt; Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "showhideJQuery.js" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Style & gt; . ShowHide {width: 500px; Height: 200px; Margin: 1 AM. 5 AM; } .showhide h3 {margin: 0; Padding: .25 AM; Background: # 0033CC; Border-top: 1px solid # 666666; Border bottom: 1px solid # 666666; }. Shoehide div {padding: .5em .25em; } & Lt; / Style & gt; & Lt; Body & gt; & Lt; Div class = "showhide" & gt; & Lt; H3 & gt; Title 1 & lt; / H3 & gt; & Lt; Div & gt; & Lt; Ol & gt; & Lt; Li & gt; Hey lt; / Li & gt; & Lt; Div class = "showhide" & gt; & Lt; H3 & gt; one and one?! & Lt; / H3 & gt; & Lt; Div & gt; Yes & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Ol & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
 
 
  
  JQuery   
  $ (document) .ready (function ($ ('Div.showhide: eq (0) & gt; div'). Hide (); $ ('div.showhide: eq (0) & gt; h3') Click (function () { $ (This) .next (). Slide Toggle ('Sharp');});   
});   
 
 
 You want to trigger the show / hide by adding properties of the class and hide / hide the element you want to show: You can do something like this:  < P> HTML:   
 div class = "showhide"> gt; h3 square = "showyclick"> title 1 & lt; / H 3> 
 lt; ol & gt; 
  •  O & lt; / li & gt; & lt; div class = "showhide" & gt; ; & Lt; h3 class = "showhideclick" & gt; One more one ?!  
     Yes!  & lt ; / Div> & lt; / ol> & lt; / div & gt; & lt; / div & gt; & lt; / body & gt;   
     JS:  
      $ (document) .ready (function () {$ ('. Showhidecontainer'). Hide (); $ ('Click (Function () {$ (this) .next ('showhidecontainer') SlideToggle ('sharp');});});   
     This allows you to include your hidden content Also gives the flexibility to use various elements and which triggers the element action.  
     Hope it helps.   

     




  
    

    

    

    

    

    

    

    

    

    


    

    • 

    

    


    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

    php - Creating canonical URLs with custom route-classes -

    -
    I am trying to implement the canonical url and to combine with custom route classes. URL-SACAME is something like this: / category-x / article / 123 / category-y / article / 123 I am creating a custom route - the expansion of the class Zend_Controller_Router_Route_Regex and checks that the article is 123 and the correct category-name is included in the URL. If the article is in 123 square-X and the user is reaching square-y, then I want to redirect to the correct URL. But there is no clear possibility to do this directly to the roads. What is the best practice approach here? I often do this in my action controller like something ... // Get / Category-Y / Article / 123 $ $ article- & gt; URL is generated, and it contains / category-x / article / 123 if (this-> --request-> getRequestUri ()! = $ Article-> URL) {return $ this- & gt; ; _helper-> Redirector-> GoToUrl ($ paragraph-> url); } In this example, $ article-> The url will need ...
    Read more