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

    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

    Mysql Local server hardware -

    -
    In anticipation of a live scenario, I am creating my entire site, which has a 500 MHz processor with 256 MB A very large 100 MHz RAM I have loaded my database with 200k + rows of garbage data, trying to test my queries. I have seen - obviously because of this, a large display hit all my FAQ using the index, although some 15+ to join (using all indexes) using MySQL To enable 16MB cache, which brings down the query times to nothing but what results? With a dynamic website, I can not see how the cache can help completely when I allow unique queries such as a search feature. I am also using the eaccelerator for PHP. When I use the COUNT (*) total with multiple code JOIN and WHERE , then 10 + There are other queries. Other queries that only get the same line or two do at the same level when I had only a few lines I also noticed that almost 99% of the CPU in CPU CPU stress during a query Comes. Basically I do not know whether the software is on the fault or too much of the h...
    Read more

    mysql - Formatting problem with PHP DateTime Difference when used as part of an equation -

    -
    I am trying to write a simple invoicing system. I want to use the Datetime Diff to calculate the cost of each invoice. I have so far: / * In this example $ dayLength and $ ratePerSec is not really the case, but now we use the hypotethical values ​​of 8.0 and 0.0054 Will * / $ date1 = new date time ("Time 1 Form Database", [DateTimeJonof Chase]); $ Date2 = new date time ("Time 2 Form Database", [Datetime Joneof Choice]); $ Diff = $ date2- & gt; Diff ($ date1); $ LenInSec = $ diff- & gt; Format ("% y") * 365 * $ dayLength * 3600 + $ diff- & gt; Format ("% d") * $ dayLength * 3600 + $ diff- & gt; Format ("% H") * 3600 + $ diff- & gt; Format ("% i") * 60 + $ diff- & gt; Format ("% s"); $ Cost = $ lenInSec * $ rate per second; When I try to output cost using $ lenInSec generated from the Deltaime Diff, I actually get weird results. Occasionally, in 1 and 3 out of 1 to 3 times, I get the...
    Read more