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

    Popular posts from this blog

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

    c# - Using Vici cool Storage with monodroid -

    python - referencing a variable in another function? -