jquery - Click to Delete html and javascript -


I have to keep two divs side by side, the first one contains a table of information in which two buttons are deleted in the other And edit the first division I want to be 100% of the screen, the second time the screen will start to stop, once I click on the first device with the table, the second slide will go and first press the div and delete and edit button

  & lt; Div id = "div1" & gt; & Lt; Table & gt; & Lt; TR & gt; & Lt; Td> Some information & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt; Div id = "div2" & gt; & Lt; Button ID = "Delete" & gt; & Lt; / Button & gt; & Lt; Button ID = "edit" & gt; & Lt; / Button & gt; & Lt; / Div & gt; // JavaScript code & lt; Script & gt; $ (Document) .ready (function () {$ ('# div1'). Click (function {// slide div2 out and div1 to the left and edit button)}}}; & lt ; / Scripts & gt;  

I'm trying to make it like an iOS Mail app, where you want to hit to push out, but instead you will click and if If you click again, div1 will close the div1 screen, so basically I want to delete and close the screen. And to toggle the edit toggle.

Not sure what JavaScript and CSS contains in this. Thanks in advance for any answers.

< Div class = "post-text" itemprop = "text">

You can make such a structure that the actionable element in a div will then be transferred to the state.

  & Lt; div id = "div2" & gt; div class = "inner" & gt; facetum & lt; / div & gt; & lt; div class = "verb" & gt; button Id = "delete" & gt; & Lt; / button & gt; & lt; button id = "edit" & gt; & Lt; / Button & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

Be # div2 position: relatve;

  # div2 {background: #eeeeee; Padding: 20px 80px 20px 20px; Hidden flurry; Status: Relative; }. Reactions {background: red; Status: Completed; Height: 100%; Correct: -60px; Top: 0; Transition: Correct 0.2 s Out Easily; Width: 60px; } .reveal .actions {true: 0; }  

Then simply toggle the square with jQuery:

  $ (document) .ready (function () {$ ('# div2'). (Function () {$ (this) .toggleClass ('reveal');});});  


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -