javascript - Show/Hide button loses styling on some browsers when clicked -

-

I have a show / hide button on a simple webpage, which is a display is a script for viewing text Calls:

However, on some browsers (most notably mobile browser), when I click to show, click on the button it loses styling properties and does not work properly.

Here is the html: 

  & lt; Div id = "description" & gt; & Lt; Div class = "showHide" & gt; & Lt; Input id = "showbox" type = "button" onclick = "show ()" value = "show app description" /> & Lt; Input id = "hidebox" type = "button" onclick = "hide ()" value = "hide description" /> & Lt; / Div & gt; & Lt; Div id = "descText" & gt; & Lt; P & gt; Description text to be shown on click & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt;

Script: 

  & lt; Script & gt; Function show () {document.getElementById ('descText'). Style.display = "block"; Document.getElementById ('hidebox'). Style.display = "block"; Document.getElementById ('Showbox'). Style.display = "none"; } Hide the function () {document.getElementById ('descText'). Style.display = "none"; Document.getElementById ('hidebox'). Style.display = "none"; Document.getElementById ('Showbox'). Style.display = "block"; } & Lt; / Script & gt;

and CSS: 

  #desctext {display: none; Border-bottom-style: solid; Border-width: 2px; Border-color: #CCC; Margin: 0px; Padding: 0 px 7px; } .showHide {width: 100%; Margin: 0px; } Input # Hide {Display: None; Margin-left: auto; Margin-Correct: Auto; } Input # Showbox {dispay: block; Margin-left: auto; Margin-Correct: Auto; } Input [type = button] {background color: transparent; Font: heirs; Color: # 999; Width: 100%; Padding: 15px 0 pixels; Border style: solid; Border-left-width: 1px; } Input [type = button]: hover {background-color: # F60; Color: #fff; }

I am in total loss, I can not even recognize what the problem can be!

Thanks in advance for any help.

jQuery can be very easy and cross browser compatible.

I added effect below the slide. If you do not want it, you can press . Show (); 

  & lt; Div id = "description" & gt; & Lt; Div class = "showHide" & gt; & Lt; Input id = "showbox" type = "button" value = "show app description" / & gt; & Lt; Input id = "hidebox" type = "button" value = "hide details" / & gt; & Lt; / Div & gt; & Lt; Div id = "descText" & gt; & Lt; P & gt; Description text to be shown on click & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; $ (Function () {$ ( '# Showbox') click (function () {$ ( '# descText'). Slide down (); $ ( '# hidebox'). Slaiddaun (); $ ( '# Showbox Click '$ (' # Hidebox ') (function () {$ (' # descText '). Hide (); $ (' # hidebox ') Hide (); $ (' #showbox '). SlideDown () ;});});

Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more