Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vikrant48/sortable-list
https://github.com/vikrant48/sortable-list
css html5 javascript jquery
Last synced: 4 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/vikrant48/sortable-list
- Owner: vikrant48
- Created: 2024-07-06T09:59:54.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-10T04:14:04.000Z (7 months ago)
- Last Synced: 2024-07-10T17:27:36.919Z (7 months ago)
- Topics: css, html5, javascript, jquery
- Language: HTML
- Homepage: https://vikrant48.github.io/sortable-list/
- Size: 6.84 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Dynamic Sortable Paragraph List
This project demonstrates a dynamic sortable list of paragraphs where each paragraph can be added, sorted, and deleted interactively. Additionally, paragraphs expand when clicked to show full content temporarily.
## Features
- Add new paragraphs to the sortable list.
- Sort paragraphs using drag and drop functionality.
- Delete paragraphs individually.
- Click on a paragraph to expand and view the full content temporarily.
## Technologies Used
- HTML5
- CSS3
- JavaScript (jQuery)
- jQuery UI for sortable functionality
## Getting Started
To run this project locally, follow these steps:
1. **Clone the repository:**
```
git clone
```
2. **Navigate to the project directory:**
```
cd Dynamic-Sortable-Paragraph-List
```
3. **Open `index.html` in a web browser.**
## Usage
- Enter a new paragraph in the input field and click "Add Paragraph" to append it to the list.
- Drag and drop paragraphs to rearrange their order.
- Click the "Delete" button next to a paragraph to remove it from the list.
- Click on a paragraph to expand and view the full content temporarily. It will collapse automatically after 5 seconds.
## Contributing
Contributions are welcome! If you have any suggestions, improvements, or issues, please open an issue or submit a pull request.\
contect me [email protected]
## Acknowledgments
- jQuery and jQuery UI for DOM manipulation and sortable functionality.
- Stack Overflow and various online resources for helpful code snippets and guidance.