Trang chủ > Thủ thuật blog > Tạo nút botton ẩn hiển thị nội dung cho bài viết

Tạo nút botton ẩn hiển thị nội dung cho bài viết

Để bài viết của chung ta được gọn hơn,dễ nhìn hơn thì có một cách đơn giản là tạo một botton cho nó.Để tạo được một botton ẩn hiện nội dung bài viết chúng ta thực hiện như sau:

Chúng ta chèn code sau cào cho mỗi bài đăng:

Phần nội dung hiển thị
<input type="button" value="Xem” style=”width:75px;font-size:10px;margin:0px;padding:0px;” onclick=”if (this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display != ”) { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ”;this.innerText = ”; this.value = ‘Ẩn‘; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Xem‘; }”>

{phần nội dung bị ẩn }

Các bạn có thể thay đổi các chữ màu đỏ theo ý mình
Như thế là xong chúc bạn thành công

Chuyên mục:Thủ thuật blog
  1. Chưa có phản hồi.
  1. No trackbacks yet.

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: