Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > show/hide script jqueryครับ คลิกแล้วมันโชว์divหมดเลยอะครับ ต้องการให้โชว์ทีละอัน ต้องทำอย่างไรครับ

show/hide script jqueryครับ คลิกแล้วมันโชว์divหมดเลยอะครับ ต้องการให้โชว์ทีละอัน ต้องทำอย่างไรครับ

เริ่มหัวข้อใหม่

Guest

Code (JavaScript)

<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".slidingDiv").hide();
		$("#btn-swap").show();
    $("#btn-swap").click(function(){
        $('.img-swap').each(function(){
            if($(this).hasClass('on')){
                this.src = this.src.replace("_off","_on");
            } else {
                this.src = this.src.replace("_on","_off");
            }
            $(this).toggleClass("on");
        });
		
		$(".slidingDiv").slideToggle();
    });
});
</script>

Code (PHP)

<a href="#" id="btn-swap" >
<div  class="togglebg"></div></a>
<div id="foo"  class="slidingDiv"></div>

<a href="#" id="btn-swap" >
<div  class="togglebg"></div></a>
<div id="foo"  class="slidingDiv"></div>

Tag : PHP, jQuery

Date : 2011-07-25 05:07:57

By : pavich

View : 1474

Reply : 1

No. 1

Guest

จิงๆcodeเป็นงี้อะครับ ต้องการให้คลิกอันที่1แล้วshow div1 อันที่2show div2 แต่คลิกอันที่1แล้วมันโชว์สองอันเลย ส่วนคลิกอันที่2ไม่ทำงาน ทำอย่างไรดีครับ
Code (JavaScript)

<a href="#" id="btn-swap" >
<div  class="togglebg"><table width="964" height="41" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="50" align="left" valign="middle" >&nbsp;&nbsp;&nbsp;<img src="images/plus_on.gif" width="26" height="25"  border="0" align="middle" class="img-swap"/></td>
    <td width="864" align="center" valign="middle" class="specshead">Engine</td>
    <td width="50" align="center" valign="middle"><img src="images/show_on.gif" width="33" height="12"  border="0" align="middle" class="img-swap"/>&nbsp;</td>
  </tr>
</table>
</div></a>
<div id="foo"  class="slidingDiv">this is foo</div>
<a href="#" id="btn-swap" >
<div  class="togglebg"><table width="964" height="41" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="50" align="left" valign="middle" >&nbsp;&nbsp;&nbsp;<img src="images/plus_on.gif" width="26" height="25"  border="0" align="middle" class="img-swap"/></td>
    <td width="864" align="center" valign="middle" class="specshead">Engine</td>
    <td width="50" align="center" valign="middle"><img src="images/show_on.gif" width="33" height="12"  border="0" align="middle" class="img-swap"/>&nbsp;</td>
  </tr>
</table>
</div></a>
<div id="foo2"  class="slidingDiv">this is foo2</div>

Date : 2011-07-25 06:06:48

By : pavich

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : show/hide script jqueryครับ คลิกแล้วมันโชว์divหมดเลยอะครับ ต้องการให้โชว์ทีละอัน ต้องทำอย่างไรครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 03

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); show/hide script jqueryครับ คลิกแล้วมันโชว์divหมดเลยอะครับ ต้องการให้โชว์ทีละอัน ต้องทำอย่างไรครับ

No. 1

ค้นหาข้อมูล

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

Notice

show/hide script jqueryครับ คลิกแล้วมันโชว์divหมดเลยอะครับ ต้องการให้โชว์ทีละอัน ต้องทำอย่างไรครับ