javascript - How can I toggle those two divs while clicking on an inside div? -


मेरे पास है:

HTML कोड: 

  & lt; div id = "katy" & gt; & Lt; div & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" id = "एक" & gt; बटन 1 & lt; / a & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "पेरी" & gt; & Lt; div & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" शैली = "प्रदर्शन: कोई नहीं;" id = "ख" & gt; बटन 2 & lt; / a & gt; & Lt; / div & gt; & Lt; / div & gt;

OUTPUT:

मुझे क्या चाहिए:

< P> आप पर क्लिक करते हैं, यह दिखाएगा आप पर क्लिक करते हैं, यह दिखाया जाएगा।

मैं एक आंतरिक डिवी पर क्लिक करते समय उन दो डिवाइज़ कैसे बदल सकता हूँ?

यदि आप डिस्प्ले: कोई भी भाग नहीं ले जाते तो यह आपके लिए आसान होगा लिंक के बजाय div के लिए। 

  & lt; div id = "katy" & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" id = "एक" & gt; बटन 1 & lt; / a & gt; & Lt; / div & gt; & Lt; div id = "पेरी" शैली = "प्रदर्शन: कोई नहीं;" & gt; & Lt; a href = "जावास्क्रिप्ट: शून्य (0);" id = "ख" & gt; बटन 2 & lt; / a & gt; & lt; / div & gt;

तब आप इस jQuery कोड का उपयोग कर सकते हैं: 

  $ ('# a')। क्लिक करें (फ़ंक्शन () {toggle ();}); $ ('# बी')। क्लिक करें (फ़ंक्शन () {toggle ();}); फ़ंक्शन टॉगल () {$ ('# katy')। टॉगल (); $ ( '# पैरी') को चालू ()।; }


-

Comments

Post a Comment

Popular posts from this blog

php - Select box validation (in laravel) -

I have a text that includes text input and selection box. I was trying to apply Laravel validation. I now want to retain user input values ​​if the verification does not succeed. I'm able to get it on the input box, but not on the selection box. This is my code {{form :: select ('vehicles_year'), how the first selected value (in the selection box) will show. $ Model year, '-1', ['id' = & gt; 'Vehicles_year'])}} & lt; Span class = "help-block" id = "vehicles_year_error" & gt; @if ($ errors-> ('vehicles_year')) {{$ errors- & gt; First ('vehicles_year')}} @endif & lt; / Span & gt; -1 I am the default value key when I am showing the form load. What I do is that I add the "default" option which is "nothing" Is set to. In the validity rules, I say this value is necessary. If the user does not choose any of the other options, the verification fails. $ op...
Read more

pandas - Iterate on Groupby Object's fields -

I want to be able to iterate over a group object: grouped = Df Groupby ('zzz') question_list = [a, b, c] How do I get a list of values ​​for: grouped .grouped.b grouped.c but using a for-loop? You can either remove such a key print Df Groupby ('zzz'). Groups.keys () To capture the grouped. You can do this ... print df.groupby ('Zzz') group ['A'] or you can open the key, For this type of group key, in df.groupby group ('Zzz'): print key # group key Is a dataframe related to
Read more

javascript - Render HTML after each iteration in loop -

I'm trying to gradually increase the font size of text on a web page. The code works in my place, although the new HTML / CSS does not render after every iteration of the loop and when all this is done, then display only the text of 100 px size. To see the text as if it is slowly zooming, I need to do this JavaScript is down because it is being used from a different file here is what I have ... & lt; P class = "game-title" style = "font-size: 50px" & gt; Test & lt; / P & gt; Function sleep (milliseconds) {var start = new date (). GetTime (); For (var i = 0; i & lt; 1e7; i ++) {if ((new date). GetTime () - start) & gt; Milliseconds {break; CSS ('font-size', 'parseInt ($ (' game-title '). CSS (' font-size ')) + 1 + "pixels"); } While (parasont ($ ('# text'). Css ('font-size')) & lt; = 100) {sleep (1000); IncreaseSize (); Using CSS: Use of jQuery (sample): $ ('...
Read more