Databases
StackOverflow2013
Postsdbo
POHow do I make my 'appear from know where' sliding div stay open and wait until clicked again to close? jQuery
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I make my 'appear from know where' sliding div stay open and wait until clicked again to close? jQuery
    primarykey
    data
    text
    <p>After I click on a button <code>div</code> another <code>div</code> appears sliding down the screen with information, but then closes automatically. I want this sliding <code>div</code> to stay open until I click on the button div again to close it.</p> <p>The jQuery code is below :</p> <pre><code>jQuery(document).ready(doContactInfoPanel); function doContactInfoPanel() { jQuery('.info-btn-slide').click(function() { jQuery('#info-slide-panel').slideToggle('slow'); }); } </code></pre> <p>So my question is how can I keep <code>#info-slide-panel</code> open until I click on <code>.info-btn-slide</code> again to close it?</p> <hr> <pre><code>jQuery(document).ready(doAddHtml); function doAddHtml() { jQuery('.slide').after("&lt;div id='info-slide-panel'&gt;&lt;p&gt;Work Tel : &lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;br&gt;&lt;p&gt;Cell : &lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;"); jQuery('#info-slide-panel').after("&lt;div class='info-slide'&gt;&lt;a href='#' class='info-btn-slide'&gt;&lt;/a&gt;&lt;/div&gt;"); } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USmpen
    1. USMichael Sablatura
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow do I make my 'appear from know where' sliding div stay open and wait until clicked again to close? jQuery
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COIf that's how the code is behaving, then there's some issue that you've excluded from the question. Please provide your HTML markup, as well as any additional code.
      singulars
      1. POHow do I make my 'appear from know where' sliding div stay open and wait until clicked again to close? jQuery
      1. USuser113716
    2. COYour right I just didn't want to complicate the question. The sliding div stays open when clicked initially. There is another button that opens up a modal window. After I close the modal window and try to click on the button to open the sliding div it opens and then closes again. Any thoughts ?
      singulars
      1. POHow do I make my 'appear from know where' sliding div stay open and wait until clicked again to close? jQuery
      1. USMichael Sablatura
    3. COThe HTML is dynamically placed on the page with jQuery :
      singulars
      1. POHow do I make my 'appear from know where' sliding div stay open and wait until clicked again to close? jQuery
      1. USMichael Sablatura
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload