Printable Version of Topic

Click here to view this topic in its original format

UtterAccess Forums _ Web Development _ Display:none

Posted by: access2009eg May 14 2019, 04:53 PM

friends
I'm using CSS
Display : none
to hide many items (button for examples)
and when show the items again
using jquery

Sometimes items display on bottom page or middle of the page

I want when show item display top left the page

Thank you so much

Posted by: theDBguy May 14 2019, 04:55 PM

Hi. It would be hard to tell you why without seeing the code. Can you post some sample files, so we can see the problem in action? Thanks.

Posted by: DanielPineault May 14 2019, 06:00 PM

Why would their position change just because you hide them? Please show us you markup and code.

Have you thought of using .hide()/.show()/.toggle?


Also, if you want the element to keep its space then you need to use:

CODE
$('#YourDivId').CSS('visibility','hidden')


If you don't want the element to retain its space, then you can use:
CODE
$('#YourDivId').CSS('display','none')


or simply even simpler:
CODE
$('#YourDivId').hide();



Posted by: access2009eg May 14 2019, 07:09 PM

I tried all these techniques
pls see appendix

 standard2.zip ( 420.71K ): 6
 

Posted by: DanielPineault May 14 2019, 07:42 PM

Can you give us specific step to reproduce the issue, because from what I can see everything is working beautifully.

Also, what browser (and version) are you using?

Posted by: access2009eg May 14 2019, 07:57 PM


DanielPineault

Thank you very very very much for nice words hat_tip.gif


when items are showed

some space appears between the nav and panel
maybe the space increase when navigating between items

some item appears in the middle of the page

I want all item appears under the nav directly