Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > อยากจะทำให้ข้อความในเว็บมีปุ่มซ่อนและแสดง ขอคำแนะนำหน่อยคร้าบทุกท่าน



 

อยากจะทำให้ข้อความในเว็บมีปุ่มซ่อนและแสดง ขอคำแนะนำหน่อยคร้าบทุกท่าน

 



Topic : 135880



โพสกระทู้ ( 52 )
บทความ ( 0 )



สถานะออฟไลน์




ต้องให้ใส่ปุ่มซ่อนและแสดง

จากรูปเลยครับถ้าเราจะใส่ปุ่มซ่อนหรือแสดงลงไป จะทำได้อย่างไรบ้างครับ (อยากได้แบบกดปุ่มแล้วข้อความหุบเข้าไปซ่อนด้านข้างครับ) โค้ดตามนี้เลยครับ ปล.พึ่งหัดทำเว็บครับส่วนใหญ่จะหาเทมเพลทฟรีมาพัฒนาต่อครับ

Code
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Thai Traditional Medicine LPH</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Nature Template
https://templatemo.com/tm-398-nature
-->
<meta name="viewport" content="width=device-width">

<!-- Google Web Font Embed -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/templatemo_main.css">
</head>
<body>
<div id="main-wrapper">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;">
<h1 class="templatemo-site-title">
<a href="index.html"><img src="images/ttm/logohos.png" width="80" height="80">Thai Traditional Medicine</a>
<img src="images/btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm" >
</h1>

<ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive -->
</div>

<div class="menu visible-md visible-lg">
<ul id="menu-list">
<li class="active home-menu"><a href="#home">Home</a></li>
<li class="about-menu"><a href="#about">About Us</a></li>
<li class="services-menu"><a href="#services">Thai Massage</a></li>
<li class="services1-menu"><a href="#services1">Hot Herbal Ball</a></li>
<li class="services2-menu"><a href="#services2">Herbal Steam</a></li>
<li class="services3-menu"><a href="#services3">Maternal Care After Childbirth</a></li>
<li class="services4-menu"><a href="#services4">Herbal Medicine</a></li>
<li class="services5-menu"><a href="#services5">Breast Massage</a></li>
<li class="services6-menu"><a href="#services6">Beauty Massage</a></li>
<li class="services7-menu"><a href="#services7">Medical Cannabis Clinic</a></li>
<li class="contact-menu"><a href="#contact">Contact</a></li>
<li><a rel="nofollow" target="_parent" href="https://www.facebook.com/%E0%B9%81%E0%B8%9E%E0%B8%97%E0%B8%A2%E0%B9%8C%E0%B9%81%E0%B8%9C%E0%B8%99%E0%B9%84%E0%B8%97%E0%B8%A2%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B8%9E%E0%B8%A2%E0%B8%B2%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%AB%E0%B8%A5%E0%B8%A7%E0%B8%87%E0%B8%9E%E0%B9%88%E0%B8%AD%E0%B9%80%E0%B8%9B%E0%B8%B4%E0%B9%88%E0%B8%99-301551130367153" class="external">FB Page</a></li>
</ul>
</div><!-- /.menu -->



<div class="image-section">
<div class="image-container">
<img src="images/ttm/home.jpg" id="home-img" class="main-img inactive" alt="Home">
<img src="images/ttm/231245.jpg" id="about-img" class="inactive" alt="About">
<img src="images/ttm/8DB3245C-F53B-4E1C-B6F4-51988F5EFD9B.jpg" id="services-img" class="inactive" alt="Services">
<img src="images/ttm/Hot.jpg" class="inactive" id="services1-img">
<img src="images/ttm/herbal steam.jpg" id="services2-img" class="inactive" alt="Testimonial">
<img src="images/ttm/mom.jpg" id="services3-img" class="inactive" alt="Testimonial">
<img src="images/ttm/1.jpg" id="services4-img" class="inactive" alt="Testimonial">
<img src="images/ttm/breast massage.jpg" id="services5-img" class="inactive" alt="Testimonial">
<img src="images/ttm/giftset.jpg" id="services6-img" class="inactive" alt="Testimonial">
<img src="images/ttm/unnamed.jpg" id="services7-img" class="inactive" alt="Testimonial">
<img src="images/ttm/contact.jpg" id="contact-img" class="inactive" alt="Contact">
</div>
</div>
<!-- /.picture detail -->


<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
<div class="templatemo-content">

<section id="home-text" class="active templatemo-content-section">
<div class="col-sm-12 col-md-12 col-lg-12">
<h2>Welcome to Thai Traditional Medicine Luangphopern Hospital</h2>
<p>Open for service Monday - Friday and Saturday - Sunday.
Closed on public holidays
Time 08.30 - 16.30
Call: 081-7229665
034-961113-9 ext. 129</p>
</div>
</section><!-- /.home-text -->

<section id="about-text" class="inactive">
<h2 class="text-center">About Thai traditional medicine</h2>
<div>
<p>Thai traditional medicine or traditional medicine Is health care in both normal conditions And abnormal conditions (disease) by using the theory of balance of various elements in the body and anatomy (anatomy) principles of medical science to explain. According to the principle of academic practice Evidence from the Ayutthaya period found that Thai traditional medicine has been obtained from Ayurveda in India as a major. By saying that Dr. Chiwok Komaraphat (Physician of the Lord Buddha) is the author of the medical scriptures. When Buddhism began to spread to Thailand The monks who spread Buddhism brought their knowledge of disease treatment to the villagers. Therefore it is integrated with Thai culture and way of life.</p>
</div>
</section><!-- /.about-text -->

<section id="services-text" class="inactive">
<div>
<h2>Thai massage</h2>
<p>Thai massage for healing / rejuvenation Diseases or illnesses of the musculoskeletal system such as shoulder patch, shoulder lock, office syndrome and paralysis - paralysis are also available for relaxation massage. Stimulate blood circulation Reduces muscle stiffness and reduces fatigue and tension.</p>
</div>
</section><!-- /.Thai massage -->


<section id="services1-text" class="inactive">
<div>
<h2>Hot Herbal Ball</h2>
<p>Bringing fresh herbs or dried herbs to steaming heat and applying compresses on different parts of the body Most often popular compress after massage. The herbal compress will help promote the royal Thai massage. Provide better treatment results Both from herbal medicine and heat, the herbal compress is useful to stimulate blood circulation. Helps reduce swelling Relieve muscle inflammation Relieve body aches.</p>
</div>
</section><!-- /.Hot Herbal Ball -->




<section id="services2-text" class="inactive">
<div >
<h2>Herbal Steam</h2>
<p>Herbal steam is a method of healing and promoting health. According to the principles of Thai traditional medicine Using the principle of herbal steaming is to boil several kinds of herbs together, consisting of herbs with essential oils and herbal treatment for symptoms. Sour herbs are brought to a boil, steamed essential oils. And various volatiles contained in herbs will come into contact with the skin causing local effects. And inhale with the breath It affects the respiratory system and throughout the body.</p>
</div>
</section><!-- /.Herbal Steam -->



<section id="services3-text" class="inactive">
<div >
<h2>Maternal Care After Childbirth</h2>
<p>Caring for women after childbirth There is a salt pot, body massage, herbal compress, herbal steam. Herbal bath Breast massage stimulates milk production in case of low milk flow. And with the use of herbal medicine Help to excrete amniotic fluid and nourish the blood.</p>
</div>
</section><!-- /.Maternal Care After Childbirth -->



<section id="services4-text" class="inactive">
<div >
<h2>Herbal Medicine</h2>
<p>Thai traditional medicine, Luang Por Pean Hospital offers herbal medicine to treat a variety of ailments such as flatulence. Stomach, sore throat, fever, cough, hemorrhoids and pain relievers extracted from chemical-free herbs. There is also brewed tea. Lowering blood sugar levels Reduce fat in the blood. Reduce the pressure in people with chronic diseases.</p>
</div>
</section><!-- /.Herbal Medicine -->



<section id="services5-text" class="inactive">
<div >
<h2>Breast Massage</h2>
<p>The opening of the milk ducts is a massage that opens the way for the milk to flow easily. Due to the blockage of the milk ducts, there is a large amount of milk remaining in the breast. This causes breast milk stiffness, stiffness, or stiffness in the breast. Kneading open the milk ducts will make the milk flow more easily.</p>
</div>
</section><!-- /.Breast Massage -->



<section id="services6-text" class="inactive">
<div >
<h2>Beauty Massage</h2>
<p>It is a massage for beauty and for helping to relax. Helps to improve skin complexion And also relieve muscle pain and fatigue from work Massage and spa are varied. Each form has different strengths such as essential oil massage, body scrub, body mask, facial beauty massage. Using natural products without chemicals.</p>
</div>
</section><!-- /.Beauty Massage -->



<section id="services7-text" class="inactive">
<div >
<h2>Medical Cannabis Clinic</h2>
<p>It is a treatment using Thai traditional medicine that contains marijuana. For the treatment of specific diseases / conditions.</p>
</div>
</section><!-- /.Medical Cannabis Clinic -->

<section id="contact-text" class="inactive">
<div>
<h2>CONTACT</h2>
<p>Luangphopern Hospital
2 Moo 2, BangKaewfa Subdistrict, NakhonChaisi District, NakhonPathom Province 73120</br>
Telephone 0-3496-1113-9 Fax 0-3496-1113-9 </br>
E-mail: [email protected]</p>
</div>
</section><!-- /.contact-text -->
</div><!-- /.templatemo-content -->
</div><!-- /.templatemo-content-wrapper -->
</div><!-- /.row -->

<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footer">
<p class="footer-text">
<span>Copyright &copy; 2020 Company Name - Design: TemplateMo</span>
</p>
</div><!-- /.footer -->
</div>

</div><!-- /#main-wrapper -->

<div id="preloader">
<div id="status">&nbsp;</div>
</div><!-- /#preloader -->

<script src="js/jquery.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/templatemo_script.js"></script>
<!-- templatemo 398 nature -->
</body>
</html>




Tag : PHP, HTML, CSS, HTML5, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-02-03 22:26:43 By : punza2020 View : 570 Reply : 4
 

 

No. 1



โพสกระทู้ ( 4,706 )
บทความ ( 8 )



สถานะออฟไลน์


เขาใช้ Bootstrap แต่เวอร์ชั่นไหนก็ต้องหาดูให้ได้ว่าใช้รุ่นไหน
แล้วเอาไปเปิด document
https://getbootstrap.com/docs/3.4/ v3
https://getbootstrap.com/docs/4.6/ v4

มันจะใช้ชื่อ collapse, accordion
ก็ดูว่าเขาเขียน html class attribute ต่างๆ ยังไงก็เขียนให้ถูก.






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-04 07:55:00 By : mr.v
 


 

No. 2



โพสกระทู้ ( 9,544 )
บทความ ( 2 )



สถานะออฟไลน์


อีกทางเลือก
Code (PHP)
<span class="fa fa-arror-right" onclick="$('#div_id').fadeout(5000)"></span>


ปล. คิดว่าคง ติดตั้ง font-awesome ไว้แล้วนะครับ


ประวัติการแก้ไข
2021-02-04 09:50:54
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-04 09:48:35 By : Chaidhanan
 

 

No. 3



โพสกระทู้ ( 52 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : Chaidhanan เมื่อวันที่ 2021-02-04 09:48:35
รายละเอียดของการตอบ ::
ขอบคุณครับจะลองดูนะคร้าบ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-05 15:04:59 By : punza2020
 


 

No. 4



โพสกระทู้ ( 52 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2021-02-04 07:55:00
รายละเอียดของการตอบ ::
ขอบคุณสำหรับคำแนะนำคร้าบ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-02-05 15:05:24 By : punza2020
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากจะทำให้ข้อความในเว็บมีปุ่มซ่อนและแสดง ขอคำแนะนำหน่อยคร้าบทุกท่าน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่