Kết quả 1 đến 1 của 1
  1. #1
    Super Moderator Zen Studio's Avatar
    Ngày tham gia
    19-06-2013
    Bài viết
    393
    Cảm ơn
    58
    Được cảm ơn 166 trong 123 bài viết

    Cách show/hide 1 bản tin tức bằng jquery

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Zen Studio</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> 
    <script type="text/javascript">
     function slidingDiv(one) {     
    $('.show_hide').each(function() {          
    if ($(this).attr("id") == one) {               
    $(this).show(200);          
    }          
    else {               
    $(this).hide(600);          
    }     
    })
    ;}
    </script> 
    </head> 
    <body>         
    <a href="javascript:slidingDiv('showhide1');" >Show/hide</a><br />        
    <div class="show_hide" id="showhide1" style="display: none;">Noi dung cua b?n là......................... </div>        
    <a href="javascript:slidingDiv('showhide2');" >Show/hide</a><br />         
    </div>         
    <div class="show_hide" id="showhide2" style="display: none;">Noi dung cua b?n là......................... </div>      
    </td>   
    </tr>
    </body> 
    </html>
    
    showhide cách 2
    
    bạn sử dụng cái này nhé
    
    <div class="slidingDiv"><a href="javascript:slidingDiv('showhide');" ;>Show/hide</a></div>
    <div class="showhide" style="display: none;">Noi dung cua b?n là......................... </div>
    <div class="slidingDiv"><a href="javascript:slidingDiv('showhide');" ;>Show/hide</a></div>
    <div class="showhide" style="display: none;">Noi dung cua b?n là.........................</div>
    
    
    <script type="text/javascript">
    $('.slidingDiv').click(function(){
    var $okdi = $(this).next();
    $('.showhide').not($okdi ).slideUp('fast');
    $okdi .slideDown('fast');
    });
    </script>
    
    cuối tuần vui vẻ
    
    @tinhphai sửa lại code nội dung nhé :( up gì mà toàn lỗi html mất công sửa lại từng dòng quá
    Sửa lần cuối bởi Zen Studio; 16-01-2015 lúc 01:23 PM.
    hay cung chung toi chinh phuc tri thuc

Chia sẽ và Bình Luận chủ đề Cách show/hide 1 bản tin tức bằng jquery trên facebook

Các từ khóa xuất hiện trên google của chủ đề

Chưa có từ khóa lên top google

Tag của Chủ đề này - Hãy Thêm Tags Để bài viết nhanh lên top google

Quyền viết bài

  • Bạn không thể đăng chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi đính kèm
  • Bạn không thể sửa bài
  •